bachir/performance-art.fr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive: burger menu ok, started generale layout

Browse Source
This commit is contained in:
bachir
2021-11-25 19:55:08 +01:00
parent 072ea7de50
commit 62a9afcc33
20 changed files with 2877 additions and 5137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/gui/perfarttimeline/css/layout.css
+54 -10
View File
@@ -3,6 +3,8 @@
*
*/
/** COMMONS */
#content,
#center .page-title,
#perfnode,
#filters,
#timeline,
@@ -16,13 +18,12 @@
-o-transition: height, 5s, ease-out;
transition: height, 5s, ease-out;
*/
}
body.layout-intro #main {
#main {
height: 97%;
}
body.layout-intro #perfnode {
height: 0%;
height: 0%!important;
}
body.layout-intro #filters {
height: 0%;
@@ -31,16 +32,18 @@ body.layout-intro #timeline {
height: 65%;
}
body.layout-intro #timeline #timeline-container {
height: 98%;
height: 0%;
}
body.layout-intro #timeline-loader {
display: block;
margin: 0 auto 5px;
}
body.layout-timeline #main {
height: 97%;
body.layout-timeline #main #content,
body.layout-timeline #main #center .page-title {
height: 0%;
}
body.layout-timeline #perfnode {
height: 0%;
height: 0%!important;
}
body.layout-timeline #filters {
height: 30%;
@@ -54,11 +57,12 @@ body.layout-timeline #timeline #timeline-container {
body.layout-timeline #timeline-loader {
display: none;
}
body.layout-perfnode #main {
height: 97%;
body.layout-perfnode #main #content,
body.layout-perfnode #main #center .page-title {
height: 0%;
}
body.layout-perfnode #perfnode {
height: 85%;
height: 85%!important;
}
body.layout-perfnode #filters {
height: 0%;
@@ -72,3 +76,43 @@ body.layout-perfnode #timeline #timeline-container {
body.layout-perfnode #timeline-loader {
display: none;
}
body > img {
display: none;
}
@media (max-width: 799px) {
body {
overflow: hidden!important;
}
#container {
margin: 0!important;
width: 100vw!important;
height: 100vh!important;
overflow: hidden;
}
#container > .inner {
padding: 0!important;
width: 100%!important;
height: 100vh!important;
display: flex;
flex-direction: column;
overflow: hidden;
}
#container > .inner #header {
height: 3vh;
flex: 0 0 auto;
height: auto;
padding: 0.5em;
box-sizing: border-box;
}
#container > .inner #main {
flex: 0 0 auto;
overflow-x: hidden;
overflow-y: auto;
height: 96vh;
box-sizing: border-box;
}
#container > .inner #main #center {
display: block;
height: auto;
}
}