Fixed timeline item css in jam page and showcase modal
This commit is contained in:
parent
6d65785cef
commit
77ac6d4200
|
@ -9465,10 +9465,11 @@ span.icon-rss::before {
|
||||||
max-height: 80vh; }
|
max-height: 80vh; }
|
||||||
|
|
||||||
.timeline-modal .container {
|
.timeline-modal .container {
|
||||||
max-height: 100vh; }
|
max-height: 100vh;
|
||||||
|
max-width: 100%; }
|
||||||
@media screen and (min-width: 30em) {
|
@media screen and (min-width: 30em) {
|
||||||
.timeline-modal .container {
|
.timeline-modal .container {
|
||||||
width: auto;
|
max-width: calc(100% - 2rem);
|
||||||
max-height: calc(100vh - 2rem); } }
|
max-height: calc(100vh - 2rem); } }
|
||||||
|
|
||||||
.carousel-container .carousel {
|
.carousel-container .carousel {
|
||||||
|
|
|
@ -42,9 +42,10 @@
|
||||||
.timeline-modal {
|
.timeline-modal {
|
||||||
.container {
|
.container {
|
||||||
max-height: 100vh;
|
max-height: 100vh;
|
||||||
|
max-width: 100%;
|
||||||
|
|
||||||
@media #{$breakpoint-not-small} {
|
@media #{$breakpoint-not-small} {
|
||||||
width: auto;
|
max-width: calc(100% - 2rem);
|
||||||
max-height: calc(100vh - 2rem);
|
max-height: calc(100vh - 2rem);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
|
|
||||||
<div class="section bg-black-20 pt4 pb3 pb4-ns">
|
<div class="section bg-black-20 pt4 pb3 pb4-ns">
|
||||||
<div class="mw8 margin-center ph3 ph4-l flex flex-column flex-row-ns g3">
|
<div class="mw8 margin-center ph3 ph4-l flex flex-column flex-row-ns g3">
|
||||||
<div class="flex-grow-1">
|
<div class="flex-grow-1 overflow-hidden">
|
||||||
{{ if eq .DaysUntilEnd 0 }}
|
{{ if eq .DaysUntilEnd 0 }}
|
||||||
<h3 class="mt0 mb3">Project updates</h3>
|
<h3 class="mt0 mb3">Project updates</h3>
|
||||||
{{ else }}
|
{{ else }}
|
||||||
|
|
Loading…
Reference in New Issue