aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/application.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2017-11-06 11:46:11 +0100
committerChocobozzz <florian.bigard@gmail.com>2017-11-06 11:46:11 +0100
commita01f107bc436250706d4bc765f45335ee15b8e80 (patch)
tree51333f833587e6581440ed59837127f03db37204 /client/src/sass/application.scss
parentc3488a484e421783eb6a3d5990174a545e6088c0 (diff)
downloadPeerTube-a01f107bc436250706d4bc765f45335ee15b8e80.tar.gz
PeerTube-a01f107bc436250706d4bc765f45335ee15b8e80.tar.zst
PeerTube-a01f107bc436250706d4bc765f45335ee15b8e80.zip
Improve client mobile version
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r--client/src/sass/application.scss18
1 files changed, 17 insertions, 1 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 8e2666944..47e1b6df0 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -25,7 +25,6 @@ input.readonly {
25} 25}
26 26
27.main-col { 27.main-col {
28
29 .content-padding { 28 .content-padding {
30 padding: 15px 30px; 29 padding: 15px 30px;
31 30
@@ -47,6 +46,23 @@ input.readonly {
47 } 46 }
48} 47}
49 48
49// On small screen, menu is absolute and displayed over the page
50@media screen and (max-width: 500px) {
51 .title-menu-left {
52 width: 120px;
53 position: absolute !important;
54 z-index: 10000;
55 }
56
57 .main-col {
58 width: 100% !important;
59 }
60
61 .fake-menu {
62 display: none;
63 }
64}
65
50// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d 66// Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
51.glyphicon-refresh-animate { 67.glyphicon-refresh-animate {
52 -animation: spin .7s infinite linear; 68 -animation: spin .7s infinite linear;