diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2020-04-30 17:14:03 +0200 |
|---|---|---|
| committer | Rigel Kent <par@rigelk.eu> | 2020-04-30 17:23:20 +0200 |
| commit | 1def3c526ec385cbd2112d9907e8a4a73af110ca (patch) | |
| tree | 62b78363404e3ebab26c32b2e9d171314d01ed83 | |
| parent | 1f6d2449707f0ebcbc4c890d98bc0cd74f579889 (diff) | |
| download | PeerTube-1def3c526ec385cbd2112d9907e8a4a73af110ca.tar.gz PeerTube-1def3c526ec385cbd2112d9907e8a4a73af110ca.tar.zst PeerTube-1def3c526ec385cbd2112d9907e8a4a73af110ca.zip | |
Apply the fix to both expanded and not expanded, using convention
| -rw-r--r-- | client/src/sass/application.scss | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 0e486eab2..7ea82b6f9 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
| @@ -279,18 +279,21 @@ table { | |||
| 279 | } | 279 | } |
| 280 | 280 | ||
| 281 | @media screen and (max-width: #{map-get($grid-breakpoints, lg)}) { | 281 | @media screen and (max-width: #{map-get($grid-breakpoints, lg)}) { |
| 282 | /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */ | ||
| 282 | .main-col { | 283 | .main-col { |
| 283 | .margin-content { | 284 | &, &.expanded { |
| 284 | margin-left: $expanded-horizontal-margins/3; | 285 | .margin-content { |
| 285 | margin-right: $expanded-horizontal-margins/3; | 286 | margin-left: $expanded-horizontal-margins/3; |
| 286 | } | 287 | margin-right: $expanded-horizontal-margins/3; |
| 288 | } | ||
| 287 | 289 | ||
| 288 | .sub-menu { | 290 | .sub-menu { |
| 289 | padding-left: 50px; | 291 | padding-left: 50px; |
| 290 | padding-right: 50px; | 292 | padding-right: 50px; |
| 291 | 293 | ||
| 292 | .title-page { | 294 | .title-page { |
| 293 | font-size: 17px; | 295 | font-size: 17px; |
| 296 | } | ||
| 294 | } | 297 | } |
| 295 | } | 298 | } |
| 296 | } | 299 | } |
| @@ -314,7 +317,6 @@ table { | |||
| 314 | 317 | ||
| 315 | .sub-menu { | 318 | .sub-menu { |
| 316 | width: 100vw; | 319 | width: 100vw; |
| 317 | overflow-x: auto; | ||
| 318 | padding-left: 15px; | 320 | padding-left: 15px; |
| 319 | padding-right: 15px; | 321 | padding-right: 15px; |
| 320 | margin-bottom: $sub-menu-margin-bottom-small-view; | 322 | margin-bottom: $sub-menu-margin-bottom-small-view; |