diff options
| author | kimsible <kimsible@users.noreply.github.com> | 2020-04-29 00:32:46 +0200 |
|---|---|---|
| committer | Rigel Kent <par@rigelk.eu> | 2020-04-30 17:23:20 +0200 |
| commit | 1f6d2449707f0ebcbc4c890d98bc0cd74f579889 (patch) | |
| tree | e8b2bb5083224289a7fa040958536b5820e477e6 /client | |
| parent | ac6ac4e2147d9e84d0f1b3fb39f931e7cb454ab3 (diff) | |
| download | PeerTube-1f6d2449707f0ebcbc4c890d98bc0cd74f579889.tar.gz PeerTube-1f6d2449707f0ebcbc4c890d98bc0cd74f579889.tar.zst PeerTube-1f6d2449707f0ebcbc4c890d98bc0cd74f579889.zip | |
Use same styles on full or not until lg screen
Diffstat (limited to 'client')
| -rw-r--r-- | client/src/sass/application.scss | 22 |
1 files changed, 10 insertions, 12 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index f76ceaca1..0e486eab2 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
| @@ -280,25 +280,23 @@ table { | |||
| 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 | .main-col { | 282 | .main-col { |
| 283 | &.expanded { | 283 | .margin-content { |
| 284 | .margin-content { | 284 | margin-left: $expanded-horizontal-margins/3; |
| 285 | margin-left: $expanded-horizontal-margins/3; | 285 | margin-right: $expanded-horizontal-margins/3; |
| 286 | margin-right: $expanded-horizontal-margins/3; | 286 | } |
| 287 | } | ||
| 288 | 287 | ||
| 289 | .sub-menu { | 288 | .sub-menu { |
| 290 | padding-left: 50px; | 289 | padding-left: 50px; |
| 291 | padding-right: 50px; | 290 | padding-right: 50px; |
| 292 | 291 | ||
| 293 | .title-page { | 292 | .title-page { |
| 294 | font-size: 17px; | 293 | font-size: 17px; |
| 295 | } | ||
| 296 | } | 294 | } |
| 297 | } | 295 | } |
| 298 | } | 296 | } |
| 299 | } | 297 | } |
| 300 | 298 | ||
| 301 | @media screen and (max-width: #{$mobile-view + $menu-width}) { | 299 | @media screen and (min-width: $mobile-view) and (max-width: $small-view) { |
| 302 | .main-col { | 300 | .main-col { |
| 303 | width: 100%; | 301 | width: 100%; |
| 304 | } | 302 | } |