aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorKim <1877318+kimsible@users.noreply.github.com>2020-05-01 00:51:09 +0200
committerGitHub <noreply@github.com>2020-05-01 00:51:09 +0200
commit7a03209d28f3f31d706dee08ae487d2ca1926893 (patch)
treee7d91832a312871d500590601cdde916455ba187 /client/src/sass/include
parent0ac458bffb9389d649adcd86038385795bb6ad65 (diff)
downloadPeerTube-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.scss23
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}