diff options
author | Vishnu017 <39431453+Vishnu017@users.noreply.github.com> | 2021-10-26 20:37:56 +0530 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-26 20:37:56 +0530 |
commit | 955f2abeb2c093515e6dd0026b4072145a2be6b6 (patch) | |
tree | 265497cf116ccf1d11fb869a95fcabcf0baacf18 /src/styles/tabs.scss | |
parent | docs: add Vishnu017 as a contributor for code (#2142) [skip ci] (diff) | |
download | ferdium-app-955f2abeb2c093515e6dd0026b4072145a2be6b6.tar.gz ferdium-app-955f2abeb2c093515e6dd0026b4072145a2be6b6.tar.zst ferdium-app-955f2abeb2c093515e6dd0026b4072145a2be6b6.zip |
Add feature to display service name under service icon when the toggle for it is enabled in the settings (#2136)
Co-authored-by: AnjithPaul <anjithpaul.mec@gmail.com>
Diffstat (limited to 'src/styles/tabs.scss')
-rw-r--r-- | src/styles/tabs.scss | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index b7f1a9e11..ab7cee08d 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -1,6 +1,8 @@ | |||
1 | @import './config.scss'; | 1 | @import './config.scss'; |
2 | 2 | ||
3 | .theme__dark .tab-item { | 3 | .theme__dark .tab-item { |
4 | color: $dark-theme-text-color; | ||
5 | |||
4 | &.is-active { | 6 | &.is-active { |
5 | background: $dark-theme-gray; | 7 | background: $dark-theme-gray; |
6 | 8 | ||
@@ -54,6 +56,22 @@ | |||
54 | } | 56 | } |
55 | } | 57 | } |
56 | 58 | ||
59 | &.is-label-enabled{ | ||
60 | height: min-content; | ||
61 | overflow: hidden; | ||
62 | padding-top: 8px; | ||
63 | padding-bottom: 8px; | ||
64 | } | ||
65 | |||
66 | .tab-item__label { | ||
67 | display: block; | ||
68 | margin-top: 6px; | ||
69 | font-size: 11px; | ||
70 | padding-left: 4px; | ||
71 | padding-right: 4px; | ||
72 | line-height: 13px; | ||
73 | } | ||
74 | |||
57 | &.is-disabled .tab-item__icon { | 75 | &.is-disabled .tab-item__icon { |
58 | filter: grayscale(100%) opacity(0.2); | 76 | filter: grayscale(100%) opacity(0.2); |
59 | } | 77 | } |