minor fixes for no js display
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -290,7 +290,7 @@ header[role="banner"]{
|
|||||||
// and ajax loading effects
|
// and ajax loading effects
|
||||||
main[role="main"]{
|
main[role="main"]{
|
||||||
.row{
|
.row{
|
||||||
opacity: 0;
|
html.js &{opacity: 0;}
|
||||||
.col{
|
.col{
|
||||||
opacity:1;
|
opacity:1;
|
||||||
transition: opacity 0.5s ease-in-out;
|
transition: opacity 0.5s ease-in-out;
|
||||||
|
|||||||
@@ -45,6 +45,9 @@ $med-bp:1080px;
|
|||||||
|
|
||||||
.row{
|
.row{
|
||||||
@include row;
|
@include row;
|
||||||
|
// html:not(.js) &{
|
||||||
|
// overflow-y: auto;
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
@for $c from 1 through $default_sum {
|
@for $c from 1 through $default_sum {
|
||||||
|
|||||||
@@ -78,6 +78,14 @@ html:not(.is-mobile) main[role="main"]{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html:not(.js):not(.is-mobile) main[role="main"]{
|
||||||
|
overflow-y: auto;
|
||||||
|
.layout-content{
|
||||||
|
height: auto;
|
||||||
|
padding-bottom:4em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
html.is-mobile main[role="main"]{
|
html.is-mobile main[role="main"]{
|
||||||
padding:80px 1em 40px;
|
padding:80px 1em 40px;
|
||||||
// background-color: blue;
|
// background-color: blue;
|
||||||
@@ -106,6 +114,10 @@ footer[role="contentinfo"]{
|
|||||||
padding:0.5em 1em;
|
padding:0.5em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
html:not(.js):not(.is-mobile) footer[role="contentinfo"]{
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
|
||||||
canvas#corpus-map{
|
canvas#corpus-map{
|
||||||
// outline: 1px solid grey;
|
// outline: 1px solid grey;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user