From 4ae7527e74a8ed114ff541022d91cdcf2945e4a3 Mon Sep 17 00:00:00 2001 From: elisejakob Date: Mon, 5 Aug 2019 12:08:06 +0200 Subject: [PATCH] fix firefox widths, edit venue tables --- src/css/blog.scss | 9 ++-- src/css/events.scss | 8 +-- src/css/page.scss | 14 ++++++ src/css/venues.scss | 29 ++++++++--- src/img/logo/logo-h-s.svg | 8 +-- src/img/logo/logo-xxl-nowhitespace.svg | 25 ++++++++++ src/img/logo/logo-xxl.svg | 67 +++++++------------------- src/templates/venue.js | 8 +-- 8 files changed, 97 insertions(+), 71 deletions(-) create mode 100644 src/img/logo/logo-xxl-nowhitespace.svg diff --git a/src/css/blog.scss b/src/css/blog.scss index bd092cd..ce108a5 100644 --- a/src/css/blog.scss +++ b/src/css/blog.scss @@ -11,7 +11,7 @@ } .post { - width: calc(33.333333% - 1.6rem); + width: calc(33.28% - 1.6rem); margin: 0 .8rem 1rem; position: relative; text-decoration: none; @@ -77,7 +77,7 @@ } @media (max-width: $media-l) { - width: calc(50% - 1.6rem); + width: calc(49.98% - 1.6rem); &:nth-of-type(3) { display: none; } @@ -93,7 +93,7 @@ } @media (min-width: $media-xl) { - width: calc(25% - 1.6rem); + width: calc(24.98% - 1.6rem); &:last-of-type { display: block; } @@ -155,6 +155,9 @@ width: 36rem; max-width: 90%; margin: -10rem auto 2rem; + &-caption { + font-size: $font-s; + } } @media (max-width: $media-m) { h1 { diff --git a/src/css/events.scss b/src/css/events.scss index d1c67bf..a1ca19d 100644 --- a/src/css/events.scss +++ b/src/css/events.scss @@ -54,7 +54,7 @@ } .event { - width: calc(25% - 1rem); + width: calc(24.98% - 1rem); margin: 0 0.5rem 1rem; position: relative; text-decoration: none; @@ -125,20 +125,20 @@ } @media (min-width: $media-xl) { - width: calc(20% - 1rem); + width: calc(19.98% - 1rem); &:nth-child(9), &:nth-child(10) { display: block; } } @media (max-width: $media-l) { - width: calc(33.333333% - 1rem); + width: calc(33.28% - 1rem); &:nth-child(9) { display: block; } } @media (max-width: $media-m) { - width: calc(50% - 1rem); + width: calc(49.98% - 1rem); &:nth-child(9), &:nth-child(10) { display: none; diff --git a/src/css/page.scss b/src/css/page.scss index eea467e..52fd90d 100644 --- a/src/css/page.scss +++ b/src/css/page.scss @@ -59,6 +59,17 @@ margin-bottom: -1rem; } +.page-hero { + width: 100%; + max-width: $width-l; + margin: 0 auto; + &_image { + &-caption { + font-size: $font-s; + } + } +} + .wp-content { img, div, ul, p, h1, h2, h3, h4, h5, h6, span, blockquote { max-width: $width-m; @@ -72,6 +83,9 @@ a { color: $color-black; + &:hover { + color: $color-bloodorange; + } } img, div, .wp-caption { diff --git a/src/css/venues.scss b/src/css/venues.scss index 2c1f9ea..8b7196f 100644 --- a/src/css/venues.scss +++ b/src/css/venues.scss @@ -10,13 +10,16 @@ text-align: center; margin-bottom: 2rem; - ul, p { + table, p { text-align: left; margin-bottom: 0; } - ul { + table { + width: 100%; + max-width: $width-m; font-size: $font-s; + margin-top: 0; } p { @@ -35,17 +38,21 @@ } .venue-page { + text-align: center; padding-top: 2rem; .page-title { margin-top: 0; } - ul, p { + table, p { text-align: left; margin-bottom: 0; } - ul { + table { + width: 100%; + max-width: $width-m; font-size: $font-s; + margin-top: 0; } p { @@ -71,6 +78,10 @@ text-decoration: none; } +.venue-content { + margin-bottom: 2rem; +} + .venue-featured-image { width: 36rem; max-width: 100%; @@ -83,7 +94,7 @@ width: 48%; } .venue-text { - padding-left: 2rem; + padding-left: 1rem; } .venue-featured-image { max-width: 100%; @@ -93,11 +104,14 @@ .venue-title h2 { margin: 1rem auto 2rem; } + table { + margin-left: 0; + } } @media (min-width: $media-xl) { .venue-text { - padding-left: 0; + padding-left: 1rem; } } @@ -106,6 +120,9 @@ max-width: calc(100% + 2rem); margin: 0 -1rem 1rem; } + .venue-content { + margin-bottom: 1rem; + } } .neuf-map { diff --git a/src/img/logo/logo-h-s.svg b/src/img/logo/logo-h-s.svg index db08ba2..8c18d13 100644 --- a/src/img/logo/logo-h-s.svg +++ b/src/img/logo/logo-h-s.svg @@ -1,11 +1,11 @@ - + logo-h-s Created with Sketch. - - - + + + \ No newline at end of file diff --git a/src/img/logo/logo-xxl-nowhitespace.svg b/src/img/logo/logo-xxl-nowhitespace.svg new file mode 100644 index 0000000..99b7602 --- /dev/null +++ b/src/img/logo/logo-xxl-nowhitespace.svg @@ -0,0 +1,25 @@ + + + + logo-xxl-nowhitespace + Created with Sketch. + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/img/logo/logo-xxl.svg b/src/img/logo/logo-xxl.svg index f5f937f..aef34ec 100644 --- a/src/img/logo/logo-xxl.svg +++ b/src/img/logo/logo-xxl.svg @@ -1,58 +1,25 @@ - + logo-xxl Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/templates/venue.js b/src/templates/venue.js index e3310fa..31d5094 100644 --- a/src/templates/venue.js +++ b/src/templates/venue.js @@ -40,16 +40,16 @@ export class VenueTemplate extends React.Component {

{title}

)} +
{hasFeaturedMedia && (
)}
-
{floor && }
Etasje{floor}