mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-20 04:42:05 +02:00
Code Issues Releases Wiki Activity

editor "active" class feature

Browse Source
This commit is contained in:
codecalm
2020-03-21 12:20:38 +01:00
parent d6df9fa7c4
commit ae85645c5e
2 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/editor.html
View File

@@ -113,6 +113,9 @@ layout: default
.on('click', '.js-icon', function (e) { .on('click', '.js-icon', function (e) {
var icon = $(this).attr('data-icon'); var icon = $(this).attr('data-icon');
$('.js-icon').removeClass('active');
$(this).addClass('active');
$('.js-icon-name').html(icon); $('.js-icon-name').html(icon);
localStorage.setItem('icon', icon); localStorage.setItem('icon', icon);

4
src/style.scss
View File

@@ -179,6 +179,10 @@ a {
justify-content: center; justify-content: center;
border: 1px solid transparent; border: 1px solid transparent;
&.active {
background: #f0f0f0;
}
@at-root a#{&}:hover { @at-root a#{&}:hover {
opacity: .75; opacity: .75;
} }