Commit 5ab77a2b authored by Ryan Herbert's avatar Ryan Herbert

vidjil.less add column behaviour

add some more media query behaviour as a proof of concept for a smaller
screen size and format (all views in a column)
parent e0728224
......@@ -84,7 +84,9 @@ ul{
#visu-container{
position: relative;
flex: 1 1 auto;
display: flex;
flex-flow: column;
width: 100%;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
......@@ -186,7 +188,7 @@ ul{
user-select: auto;
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1000px) and (min-width: 500px) {
#left-container {
display: none;
}
......@@ -204,10 +206,18 @@ ul{
@media screen and (min-height: 500px) {
#visu, #visu2 {
height : 50%;
flex: 1 1 auto;
}
}
@media only screen and (max-width: 500px) {
#mid-container {
flex-wrap: wrap;
overflow-y: scroll;
position: unset;
}
}
#visu2 {
max-height: calc(~"100%" - @margin)
}
......@@ -538,7 +548,7 @@ line {
}
#list{
flex: 1 1 auto;
flex: auto;
height: 0px; // set scrollbar flex will override height
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment