diff options
| author | codecalm <codecalm@gmail.com> | 2020-03-21 12:20:38 +0100 |
|---|---|---|
| committer | codecalm <codecalm@gmail.com> | 2020-03-21 12:20:38 +0100 |
| commit | ae85645c5ebfccbb3145f128e2202e5f5e492880 (patch) | |
| tree | 949bd0c2739cf801b79423032036966a5085962f | |
| parent | Merge branches 'dev' and 'master' of https://github.com/tabler/tabler-icons i... (diff) | |
| download | tabler-icons-ae85645c5ebfccbb3145f128e2202e5f5e492880.tar.xz | |
editor "active" class feature
| -rw-r--r-- | src/editor.html | 3 | ||||
| -rw-r--r-- | src/style.scss | 4 |
2 files changed, 7 insertions, 0 deletions
diff --git a/src/editor.html b/src/editor.html index 6794a49..3a928f2 100644 --- a/src/editor.html +++ b/src/editor.html @@ -113,6 +113,9 @@ layout: default .on('click', '.js-icon', function (e) { var icon = $(this).attr('data-icon'); + $('.js-icon').removeClass('active'); + $(this).addClass('active'); + $('.js-icon-name').html(icon); localStorage.setItem('icon', icon); diff --git a/src/style.scss b/src/style.scss index 2ffbb47..49a1b2f 100644 --- a/src/style.scss +++ b/src/style.scss @@ -179,6 +179,10 @@ a { justify-content: center; border: 1px solid transparent; + &.active { + background: #f0f0f0; + } + @at-root a#{&}:hover { opacity: .75; } |