aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/application.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-12-11 10:02:17 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-12-11 10:02:17 +0100
commit20206dfb0bfe1537912ae0a5b99f2fa40c881d33 (patch)
tree1b51dca6bce2d0dc1c2c667dd13af1ddc50baca1 /client/src/sass/application.scss
parent9b7d1c723d7c11572d91d606954997e413f56a1f (diff)
downloadPeerTube-20206dfb0bfe1537912ae0a5b99f2fa40c881d33.tar.gz
PeerTube-20206dfb0bfe1537912ae0a5b99f2fa40c881d33.tar.zst
PeerTube-20206dfb0bfe1537912ae0a5b99f2fa40c881d33.zip
Fix loading spinner in player
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r--client/src/sass/application.scss58
1 files changed, 29 insertions, 29 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 6352dd4fb..9a93411e9 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -107,35 +107,6 @@ label {
107 font-weight: bold; 107 font-weight: bold;
108} 108}
109 109
110// On small screen, menu is absolute
111@media screen and (max-width: 800px) {
112 .title-menu-left {
113 width: 150px !important;
114 position: absolute !important;
115 z-index: 10000;
116 }
117
118 .main-col {
119 margin-left: 0;
120
121 &, &.expanded {
122 .margin-content {
123 margin-left: 10px;
124 margin-right: 10px;
125 }
126
127 .sub-menu {
128 padding-left: 10px;
129 margin-bottom: 10px;
130 }
131
132 input[type=text], input[type=password] {
133 width: 100% !important;
134 }
135 }
136 }
137}
138
139// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d 110// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
140.glyphicon-refresh-animate { 111.glyphicon-refresh-animate {
141 -animation: spin .7s infinite linear; 112 -animation: spin .7s infinite linear;
@@ -330,3 +301,32 @@ p-datatable {
330 @include peertube-button-link; 301 @include peertube-button-link;
331 @include grey-button; 302 @include grey-button;
332} 303}
304
305// On small screen, menu is absolute
306@media screen and (max-width: 800px) {
307 .title-menu-left {
308 width: 150px !important;
309 position: absolute !important;
310 z-index: 10000;
311 }
312
313 .main-col {
314 margin-left: 0;
315
316 &, &.expanded {
317 .margin-content {
318 margin-left: 10px;
319 margin-right: 10px;
320 }
321
322 .sub-menu {
323 padding-left: 10px;
324 margin-bottom: 10px;
325 }
326
327 input[type=text], input[type=password] {
328 width: 100% !important;
329 }
330 }
331 }
332}