diff options
| author | Kim <1877318+kimsible@users.noreply.github.com> | 2020-05-01 00:51:09 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-05-01 00:51:09 +0200 |
| commit | 7a03209d28f3f31d706dee08ae487d2ca1926893 (patch) | |
| tree | e7d91832a312871d500590601cdde916455ba187 /client/src/sass/include | |
| parent | 0ac458bffb9389d649adcd86038385795bb6ad65 (diff) | |
| download | PeerTube-7a03209d28f3f31d706dee08ae487d2ca1926893.tar.gz PeerTube-7a03209d28f3f31d706dee08ae487d2ca1926893.tar.zst PeerTube-7a03209d28f3f31d706dee08ae487d2ca1926893.zip | |
Make admin sub-navs, selects, buttons responsive (#2702)
Diffstat (limited to 'client/src/sass/include')
| -rw-r--r-- | client/src/sass/include/_mixins.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 75046798c..cfb14ef65 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
| @@ -875,3 +875,26 @@ | |||
| 875 | } | 875 | } |
| 876 | } | 876 | } |
| 877 | } | 877 | } |
| 878 | |||
| 879 | @mixin admin-sub-header-responsive ($horizontal-margins) { | ||
| 880 | flex-direction: column; | ||
| 881 | |||
| 882 | .form-sub-title { | ||
| 883 | margin-right: 0px !important; | ||
| 884 | margin-bottom: 10px; | ||
| 885 | text-align: center; | ||
| 886 | } | ||
| 887 | |||
| 888 | .admin-sub-nav { | ||
| 889 | display: block; | ||
| 890 | overflow-x: auto; | ||
| 891 | white-space: nowrap; | ||
| 892 | height: 50px; | ||
| 893 | padding: 10px 0; | ||
| 894 | width: calc(100vw - #{$horizontal-margins*2}); | ||
| 895 | |||
| 896 | a { | ||
| 897 | margin-left: 5px; | ||
| 898 | } | ||
| 899 | } | ||
| 900 | } | ||