diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-12-11 08:50:43 +0100 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-12-11 08:50:43 +0100 |
commit | 3daf400219fe8cc94025886ba14876bc59a45244 (patch) | |
tree | 149c657338a79c7970a5466f6731c8fa513bb8b2 /client/src/sass | |
parent | b1a134ee525bd23d7e359573eca24f133974de84 (diff) | |
download | PeerTube-3daf400219fe8cc94025886ba14876bc59a45244.tar.gz PeerTube-3daf400219fe8cc94025886ba14876bc59a45244.tar.zst PeerTube-3daf400219fe8cc94025886ba14876bc59a45244.zip |
Responsive homepage
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/application.scss | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 5a4aa4cd9..f7d83c5c3 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
@@ -107,8 +107,8 @@ label { | |||
107 | font-weight: bold; | 107 | font-weight: bold; |
108 | } | 108 | } |
109 | 109 | ||
110 | // On small screen, menu is absolute and displayed over the page | 110 | // On small screen, menu is absolute |
111 | @media screen and (max-width: 500px) { | 111 | @media screen and (max-width: 800px) { |
112 | .title-menu-left { | 112 | .title-menu-left { |
113 | width: 120px; | 113 | width: 120px; |
114 | position: absolute !important; | 114 | position: absolute !important; |
@@ -116,11 +116,18 @@ label { | |||
116 | } | 116 | } |
117 | 117 | ||
118 | .main-col { | 118 | .main-col { |
119 | width: 100% !important; | 119 | margin-left: 0; |
120 | } | ||
121 | 120 | ||
122 | .fake-menu { | 121 | &, &.expanded { |
123 | display: none; | 122 | .margin-content { |
123 | //display: flex; | ||
124 | //flex-direction: column; | ||
125 | //align-items: center; | ||
126 | //justify-content: center; | ||
127 | margin-left: auto; | ||
128 | margin-right: auto; | ||
129 | } | ||
130 | } | ||
124 | } | 131 | } |
125 | } | 132 | } |
126 | 133 | ||