diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/layout.scss | 43 | ||||
-rw-r--r-- | src/styles/tabs.scss | 5 |
2 files changed, 22 insertions, 26 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index 73201be48..abd38b506 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -35,7 +35,6 @@ html { | |||
35 | 35 | ||
36 | .sidebar__button { | 36 | .sidebar__button { |
37 | color: $dark-theme-gray-lighter; | 37 | color: $dark-theme-gray-lighter; |
38 | font-size: 22px; | ||
39 | 38 | ||
40 | &:hover, | 39 | &:hover, |
41 | &:active { | 40 | &:active { |
@@ -51,27 +50,6 @@ html { | |||
51 | opacity: 0.25; | 50 | opacity: 0.25; |
52 | filter: grayscale(1); | 51 | filter: grayscale(1); |
53 | } | 52 | } |
54 | |||
55 | .update-available { | ||
56 | align-items: center; | ||
57 | background: $theme-brand-danger; | ||
58 | border-radius: 20px; | ||
59 | bottom: 5px; | ||
60 | color: #fff; | ||
61 | display: flex; | ||
62 | justify-content: center; | ||
63 | padding: 0px 5px; | ||
64 | position: absolute; | ||
65 | right: 16px; | ||
66 | padding-top: 0; | ||
67 | font-size: 0px; | ||
68 | min-height: 15px; | ||
69 | min-width: 15px; | ||
70 | |||
71 | animation-name: pulse-danger; | ||
72 | animation-duration: 0.75s; | ||
73 | animation-iteration-count: 6; | ||
74 | } | ||
75 | } | 53 | } |
76 | } | 54 | } |
77 | 55 | ||
@@ -80,6 +58,27 @@ html { | |||
80 | } | 58 | } |
81 | } | 59 | } |
82 | 60 | ||
61 | .app .sidebar .sidebar__button .update-available { | ||
62 | align-items: center; | ||
63 | background: $theme-brand-danger; | ||
64 | border-radius: 20px; | ||
65 | bottom: 5px; | ||
66 | color: #fff; | ||
67 | display: flex; | ||
68 | justify-content: center; | ||
69 | padding: 0px 5px; | ||
70 | position: absolute; | ||
71 | right: 16px; | ||
72 | padding-top: 0; | ||
73 | font-size: 0px; | ||
74 | min-height: 15px; | ||
75 | min-width: 15px; | ||
76 | |||
77 | animation-name: pulse-danger; | ||
78 | animation-duration: 0.75s; | ||
79 | animation-iteration-count: 6; | ||
80 | } | ||
81 | |||
83 | body.win32:not(.isFullScreen) .app .app__content { | 82 | body.win32:not(.isFullScreen) .app .app__content { |
84 | height: calc(100% - 28px); | 83 | height: calc(100% - 28px); |
85 | } | 84 | } |
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss index c5111fa91..fbff544ed 100644 --- a/src/styles/tabs.scss +++ b/src/styles/tabs.scss | |||
@@ -14,9 +14,6 @@ | |||
14 | &.is-disabled .tab-item__icon { | 14 | &.is-disabled .tab-item__icon { |
15 | filter: grayscale(100%) opacity(0.2); | 15 | filter: grayscale(100%) opacity(0.2); |
16 | } | 16 | } |
17 | .tab-item__icon { | ||
18 | width: 34px; | ||
19 | } | ||
20 | } | 17 | } |
21 | 18 | ||
22 | .tabs { | 19 | .tabs { |
@@ -47,9 +44,9 @@ | |||
47 | $theme-brand-primary, | 44 | $theme-brand-primary, |
48 | $lightness: min(lightness($theme-brand-primary) * 1.35, 100) | 45 | $lightness: min(lightness($theme-brand-primary) * 1.35, 100) |
49 | ); | 46 | ); |
47 | border-color: $theme-brand-primary; | ||
50 | border-left-width: 4px; | 48 | border-left-width: 4px; |
51 | border-left-style: solid; | 49 | border-left-style: solid; |
52 | color: $theme-brand-primary; | ||
53 | 50 | ||
54 | .tab-item__icon { | 51 | .tab-item__icon { |
55 | margin-left: -4px; | 52 | margin-left: -4px; |