aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/tabs.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/tabs.scss')
-rw-r--r--src/styles/tabs.scss18
1 files changed, 15 insertions, 3 deletions
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index 75568898b..3ffc53558 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -20,7 +20,7 @@
20 align-items: center; 20 align-items: center;
21 position: relative; 21 position: relative;
22 width: $theme-sidebar-width; 22 width: $theme-sidebar-width;
23 height: $theme-sidebar-width; 23 height: 65px;
24 min-height: 50px; 24 min-height: 50px;
25 transition: background $theme-transition-time; 25 transition: background $theme-transition-time;
26 26
@@ -33,6 +33,12 @@
33 } 33 }
34 } 34 }
35 35
36 &.is-disabled {
37 .tab-item__icon {
38 filter: grayscale(100%) opacity(0.2);
39 }
40 }
41
36 &.has-custom-icon { 42 &.has-custom-icon {
37 .tab-item__icon { 43 .tab-item__icon {
38 border-radius: $theme-border-radius; 44 border-radius: $theme-border-radius;
@@ -41,6 +47,12 @@
41 } 47 }
42 } 48 }
43 49
50 &:active {
51 .tab-item__icon {
52 opacity: 0.7;
53 }
54 }
55
44 .tab-item__icon { 56 .tab-item__icon {
45 width: 30px; 57 width: 30px;
46 height: auto; 58 height: auto;
@@ -55,8 +67,8 @@
55 padding: 0px 5px; 67 padding: 0px 5px;
56 font-size: 11px; 68 font-size: 11px;
57 position: absolute; 69 position: absolute;
58 right: 5px; 70 right: 8px;
59 bottom: 5px; 71 bottom: 8px;
60 display: flex; 72 display: flex;
61 justify-content: center; 73 justify-content: center;
62 align-items: center; 74 align-items: center;