aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app
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
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')
-rw-r--r--client/src/app/+admin/plugins/plugins.component.scss26
-rw-r--r--client/src/app/+admin/system/jobs/jobs.component.scss1
-rw-r--r--client/src/app/+admin/system/logs/logs.component.scss35
3 files changed, 62 insertions, 0 deletions
diff --git a/client/src/app/+admin/plugins/plugins.component.scss b/client/src/app/+admin/plugins/plugins.component.scss
index 9f61bcf7a..04ca8126a 100644
--- a/client/src/app/+admin/plugins/plugins.component.scss
+++ b/client/src/app/+admin/plugins/plugins.component.scss
@@ -5,3 +5,29 @@
5 flex-grow: 0; 5 flex-grow: 0;
6 margin-right: 30px; 6 margin-right: 30px;
7} 7}
8
9@media screen and (max-width: $small-view) {
10 ::ng-deep .plugins .plugin .first-row {
11 flex-wrap: wrap;
12
13 .plugin-name,
14 .plugin-version,
15 .plugin-icon {
16 margin-bottom: 10px;
17 }
18
19 .buttons {
20 my-edit-button,
21 my-delete-button,
22 my-button {
23 .action-button {
24 padding: 0 13px;
25 }
26
27 .button-label {
28 display: none;
29 }
30 }
31 }
32 }
33}
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}