diff options
author | André Oliveira <37463445+SpecialAro@users.noreply.github.com> | 2022-06-13 18:01:27 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-13 17:01:27 +0000 |
commit | dc13e032ea3c308185becdb2cd2444e126ae7145 (patch) | |
tree | 9b1bfd6dccde4fa1830b3f2c3ca253f35c346fa2 | |
parent | 6.0.0-nightly.59 [skip ci] (diff) | |
download | ferdium-app-dc13e032ea3c308185becdb2cd2444e126ae7145.tar.gz ferdium-app-dc13e032ea3c308185becdb2cd2444e126ae7145.tar.zst ferdium-app-dc13e032ea3c308185becdb2cd2444e126ae7145.zip |
Fix service labels cut off when using Slim Sidebar (#245)
fix #232
-rw-r--r-- | src/features/appearance/index.ts | 6 | ||||
-rw-r--r-- | src/styles/tabs.scss | 8 |
2 files changed, 9 insertions, 5 deletions
diff --git a/src/features/appearance/index.ts b/src/features/appearance/index.ts index 5b005586e..7562475a6 100644 --- a/src/features/appearance/index.ts +++ b/src/features/appearance/index.ts | |||
@@ -230,6 +230,12 @@ function generateServiceRibbonWidthStyle( | |||
230 | width: ${minimumAdjustedIconSize}px !important; | 230 | width: ${minimumAdjustedIconSize}px !important; |
231 | ${useGrayscaleServices ? graysacleServices : null}, | 231 | ${useGrayscaleServices ? graysacleServices : null}, |
232 | } | 232 | } |
233 | .tab-item .tab-item__label { | ||
234 | margin-left: 0px !important; | ||
235 | } | ||
236 | .tab-item.is-label-enabled { | ||
237 | padding-bottom: 0px !important; | ||
238 | } | ||
233 | .sidebar__button { | 239 | .sidebar__button { |
234 | font-size: ${width / 3}px !important; | 240 | font-size: ${width / 3}px !important; |
235 | } | 241 | } |
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index fbff544ed..b910b0760 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -64,12 +64,10 @@ | |||
64 | } | 64 | } |
65 | 65 | ||
66 | .tab-item__label { | 66 | .tab-item__label { |
67 | display: block; | 67 | display: flex; |
68 | margin-top: 6px; | 68 | position: relative; |
69 | font-size: 11px; | 69 | font-size: 11px; |
70 | padding-left: 4px; | 70 | justify-content: center; |
71 | padding-right: 4px; | ||
72 | line-height: 13px; | ||
73 | } | 71 | } |
74 | 72 | ||
75 | &.is-disabled .tab-item__icon { | 73 | &.is-disabled .tab-item__icon { |