aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorcodecalm <codecalm@gmail.com>2020-03-21 12:20:38 +0100
committercodecalm <codecalm@gmail.com>2020-03-21 12:20:38 +0100
commitae85645c5ebfccbb3145f128e2202e5f5e492880 (patch)
tree949bd0c2739cf801b79423032036966a5085962f /src
parentMerge branches 'dev' and 'master' of https://github.com/tabler/tabler-icons i... (diff)
downloadtabler-icons-ae85645c5ebfccbb3145f128e2202e5f5e492880.tar.xz
editor "active" class feature
Diffstat (limited to 'src')
-rw-r--r--src/editor.html3
-rw-r--r--src/style.scss4
2 files changed, 7 insertions, 0 deletions
diff --git a/src/editor.html b/src/editor.html
index 6794a491..3a928f28 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 2ffbb470..49a1b2f6 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;
}