diff options
Diffstat (limited to 'src/styles/tabs.scss')
-rw-r--r-- | src/styles/tabs.scss | 18 |
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; |