some bugs, started working on search-results

This commit is contained in:
infeeeee
2019-08-01 20:47:57 +02:00
parent 7ea5c5d1e8
commit 02e6844883
6 changed files with 395 additions and 296 deletions

View File

@@ -759,7 +759,7 @@ $v-unit-6: 24rem;
// no overflow on touch devices, where no horizontal scrollbar visible
.archive,
.home {
.home, .search-results {
@media #{$smalldesktop} {
overflow-y: hidden;
}
@@ -771,7 +771,7 @@ $v-unit-6: 24rem;
/* -------------------------------------------------------------------------- */
.archive,
.home {
.home, .search-results {
@media #{$smalldesktop} {
// overflow-y: hidden;
}
@@ -780,6 +780,7 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} {
overflow-y: hidden;
@include fit-content(width);
min-width: 100vw;
}
/* ----------------------------- header on home ----------------------------- */
@@ -898,7 +899,7 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} {
//big: first 2 articles
.home-wrapper-big {
.home_wrapper-big {
flex: 0 0 auto;
border-right: #000 1px solid;
article {
@@ -1034,7 +1035,7 @@ $v-unit-6: 24rem;
}
}
}
&.home-wrapper-1 {
&.home_wrapper-1 {
article {
.metadata {
@include triangle-corner-bordered(#{$v-unit-1}, 0, transparent, #000, left);
@@ -1047,7 +1048,7 @@ $v-unit-6: 24rem;
}
}
}
&.home-wrapper-2 {
&.home_wrapper-2 {
article {
border-left: #000 1px solid;
@@ -1073,7 +1074,7 @@ $v-unit-6: 24rem;
/* ----------------------- articles desktop small ----------------------- */
@media #{$smalldesktop} {
.home-wrapper-small {
.home_wrapper-small {
max-width: calc(100vw - (#{$h-unit-2} * 3));
max-height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
height: calc(100vh - #{$v-unit-2});
@@ -1083,10 +1084,10 @@ $v-unit-6: 24rem;
flex-direction: row;
flex-wrap: wrap;
margin: auto 0;
&.home-wrapper-s1:not(.home-wrapper-1) {
&.home_wrapper-s1:not(.home_wrapper-1) {
margin-left: $h-unit-1;
}
&.home-wrapper-s1.home-wrapper-small.home-wrapper-1 {
&.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
margin-left: $h-unit-2;
}
@@ -1230,7 +1231,20 @@ $v-unit-6: 24rem;
}
} //section end
} //main end
} //home end
} //home, archive, search end
/* -------------------------------------------------------------------------- */
/* Search results */
/* -------------------------------------------------------------------------- */
.search-results{
#content{
.archivetitle{
word-wrap: break-word;
}
}
}
/* -------------------------------------------------------------------------- */
/* Events */