aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+admin/system
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/app/+admin/system
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/app/+admin/system')
-rw-r--r--client/src/app/+admin/system/jobs/jobs.component.scss1
-rw-r--r--client/src/app/+admin/system/logs/logs.component.scss35
2 files changed, 36 insertions, 0 deletions
diff --git a/client/src/app/+admin/system/jobs/jobs.component.scss b/client/src/app/+admin/system/jobs/jobs.component.scss
index 4a3de9274..c33e14292 100644
--- a/client/src/app/+admin/system/jobs/jobs.component.scss
+++ b/client/src/app/+admin/system/jobs/jobs.component.scss
@@ -18,6 +18,7 @@
18} 18}
19 19
20.admin-sub-header { 20.admin-sub-header {
21 flex-direction: row !important;
21 justify-content: flex-end; 22 justify-content: flex-end;
22 23
23 .select-filter-block { 24 .select-filter-block {
diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss
index c4690ac9e..087155254 100644
--- a/client/src/app/+admin/system/logs/logs.component.scss
+++ b/client/src/app/+admin/system/logs/logs.component.scss
@@ -57,3 +57,38 @@
57 } 57 }
58} 58}
59 59
60@media screen and (max-width: $small-view) {
61 .header {
62 flex-direction: column;
63
64 .peertube-select-container,
65 my-button {
66 width: 100% !important;
67 margin-left: 0px !important;
68 margin-bottom: 10px !important;
69 }
70
71 my-button {
72 text-align: center;
73 }
74 }
75}
76
77@media screen and (max-width: #{$small-view + $menu-width}) {
78 :host-context(.main-col:not(.expanded)) {
79 .header {
80 flex-direction: column;
81
82 .peertube-select-container,
83 my-button {
84 width: 100% !important;
85 margin-left: 0px !important;
86 margin-bottom: 10px !important;
87 }
88
89 my-button {
90 text-align: center;
91 }
92 }
93 }
94}