diff options
author | Chocobozzz <me@florianbigard.com> | 2023-05-24 15:27:15 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2023-05-24 15:27:15 +0200 |
commit | d0fbc9fd0a29c37f3ff9b99030351e90b276fe7d (patch) | |
tree | fa29fcfd704cbc56c7bc3e3e1c15d84ea0f4dc61 /client/src/app/menu/menu.component.scss | |
parent | 25ea1d85e155382367d11036617848fe69a1e6a4 (diff) | |
download | PeerTube-d0fbc9fd0a29c37f3ff9b99030351e90b276fe7d.tar.gz PeerTube-d0fbc9fd0a29c37f3ff9b99030351e90b276fe7d.tar.zst PeerTube-d0fbc9fd0a29c37f3ff9b99030351e90b276fe7d.zip |
Fix lint
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r-- | client/src/app/menu/menu.component.scss | 45 |
1 files changed, 17 insertions, 28 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index d88025c33..08d6fb900 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss | |||
@@ -20,6 +20,7 @@ $footer-links-base-opacity: .8; | |||
20 | word-break: break-word; | 20 | word-break: break-word; |
21 | transition: background-color .1s ease-in-out; | 21 | transition: background-color .1s ease-in-out; |
22 | line-height: $line-height-normal; | 22 | line-height: $line-height-normal; |
23 | width: 100%; | ||
23 | 24 | ||
24 | &.active { | 25 | &.active { |
25 | background-color: rgba(255, 255, 255, 0.15); | 26 | background-color: rgba(255, 255, 255, 0.15); |
@@ -113,16 +114,13 @@ my-notification { | |||
113 | .dropdown-toggle-indicator { | 114 | .dropdown-toggle-indicator { |
114 | display: inherit !important; | 115 | display: inherit !important; |
115 | } | 116 | } |
116 | |||
117 | &.dropdown-toggle { | ||
118 | max-width: 88% !important; | ||
119 | } | ||
120 | } | 117 | } |
121 | } | 118 | } |
122 | 119 | ||
123 | @include margin-left(13px); | 120 | @include margin-left(13px); |
124 | 121 | ||
125 | flex: 1; | 122 | flex: 1; |
123 | min-width: 1px; | ||
126 | border-radius: 25px; | 124 | border-radius: 25px; |
127 | transition: all .1s ease-in-out; | 125 | transition: all .1s ease-in-out; |
128 | cursor: pointer; | 126 | cursor: pointer; |
@@ -140,22 +138,24 @@ my-notification { | |||
140 | /* smartphones and touchscreens */ | 138 | /* smartphones and touchscreens */ |
141 | @media (hover: none) and (pointer: coarse) { | 139 | @media (hover: none) and (pointer: coarse) { |
142 | @include display-hints($is-mobile: true); | 140 | @include display-hints($is-mobile: true); |
141 | } | ||
143 | 142 | ||
144 | /* fill space when on mobile */ | 143 | > .dropdown-toggle { |
145 | max-width: calc(100% - 80px); | 144 | display: flex; |
146 | 145 | align-items: center; | |
147 | &.dropdown-toggle { | 146 | width: 100%; |
148 | max-width: 100%; | 147 | padding: 5px 7px; |
149 | } | ||
150 | 148 | ||
151 | .logged-in-info { | 149 | &::after { |
152 | max-width: calc(100% - 45px) !important; | 150 | // Disable bootstrap toggle |
151 | border: 0; | ||
153 | } | 152 | } |
154 | } | 153 | } |
155 | 154 | ||
156 | .dropdown-toggle-indicator { | 155 | .dropdown-toggle-indicator { |
157 | position: relative; | 156 | position: relative; |
158 | display: none; | 157 | display: none; |
158 | width: 17px; | ||
159 | 159 | ||
160 | span { | 160 | span { |
161 | position: absolute; | 161 | position: absolute; |
@@ -163,17 +163,6 @@ my-notification { | |||
163 | color: #808080; | 163 | color: #808080; |
164 | } | 164 | } |
165 | } | 165 | } |
166 | |||
167 | .dropdown-toggle::after { | ||
168 | border: 0; | ||
169 | } | ||
170 | |||
171 | > .dropdown-toggle:first-child { | ||
172 | display: flex; | ||
173 | align-items: center; | ||
174 | width: 100%; | ||
175 | padding: 5px 25px 5px 7px; | ||
176 | } | ||
177 | } | 166 | } |
178 | 167 | ||
179 | my-actor-avatar { | 168 | my-actor-avatar { |
@@ -181,9 +170,8 @@ my-actor-avatar { | |||
181 | } | 170 | } |
182 | 171 | ||
183 | .logged-in-info { | 172 | .logged-in-info { |
184 | max-width: 105px; | 173 | flex-shrink: 1; |
185 | 174 | min-width: 1px; | |
186 | flex-grow: 1; | ||
187 | } | 175 | } |
188 | 176 | ||
189 | .logged-in-display-name, | 177 | .logged-in-display-name, |
@@ -286,7 +274,8 @@ my-actor-avatar { | |||
286 | margin-bottom: 25px; | 274 | margin-bottom: 25px; |
287 | } | 275 | } |
288 | 276 | ||
289 | a { | 277 | a, |
278 | button { | ||
290 | min-height: 40px; | 279 | min-height: 40px; |
291 | } | 280 | } |
292 | } | 281 | } |
@@ -306,7 +295,7 @@ my-actor-avatar { | |||
306 | } | 295 | } |
307 | 296 | ||
308 | a, | 297 | a, |
309 | span[role=button] { | 298 | button { |
310 | @include margin-right(8px); | 299 | @include margin-right(8px); |
311 | @include disable-default-a-behaviour; | 300 | @include disable-default-a-behaviour; |
312 | 301 | ||