From f065bec293554009c0b5a6841947610dd8b06800 Mon Sep 17 00:00:00 2001 From: Claas Kazzer <kazzer@uni-leipzig.de> Date: Wed, 13 Jan 2021 13:51:19 +0100 Subject: [PATCH] refs #18810 [finc:BARF] fix errors resulting of 18016 * cleans up SCSS * fine tunes add-to-bookbag truncation * removes add-to-bookbag-truncation for md * removes h2-top-margin for SM --- themes/finc/scss/compiled.scss | 41 +++++++++++++--------------------- 1 file changed, 15 insertions(+), 26 deletions(-) diff --git a/themes/finc/scss/compiled.scss b/themes/finc/scss/compiled.scss index dce8272442b..e097d688385 100644 --- a/themes/finc/scss/compiled.scss +++ b/themes/finc/scss/compiled.scss @@ -180,7 +180,7 @@ h2 { margin-top: 1.75rem; } - @media (min-width: $screen-md-min) { + @media (min-width: $screen-sm-min) { &:first-of-type { margin-top: 0; } @@ -1907,11 +1907,6 @@ footer { flex-grow: unset; } -.hit-stats { - clear: both; - float: none; -} - //// Push hits count down to align with limit and sort select boxes .hits-count { padding-top: .5em; @@ -2004,17 +1999,10 @@ footer { // SEARCH CONTROLS - END //// Off-Canvas -@media (max-width: $screen-sm-min) { - .close-offcanvas { +.close-offcanvas { + @media (max-width: $screen-xs-max) { display: block; } - - // Define position of VF5.1 offcanvas toggler - // FIXME: CHECK THIS! CK - .search-stats, - .search-controls { - clear: both; - } } //// Re-define button arrows by adding space to the :after/:before elements -- see offcanvas.scss @@ -2028,6 +2016,7 @@ footer { } .media-left { + // push record view icon to right (Desktop) on left-aligned sidebars -- pls NOTE: required offcanvas = true @media (min-width: $screen-sm-min) { float: right; } @@ -2057,13 +2046,6 @@ footer { } } -// push record view icon to right (Desktop) on left-aligned sidebars -- pls NOTE: required offcanvas = true -.offcanvas-left .media-left { - @media (min-width: $screen-sm-min) { - float: right; - } -} - //// Off-Canvas - END //// Search Results padding @@ -2079,16 +2061,23 @@ footer { .bulkActionButtons { padding-left: ($grid-gutter-width / 2); - @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { - .btn-group { + .btn-group { + + @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { + // truncate "add to bookbag"-button on top of search results to make it fit -- see also '#updateCart' above, CK + margin-left: -($grid-gutter-width / 2); + margin-right: -($grid-gutter-width / 2); + } + + @media (min-width: $screen-sm-min) and (max-width: $screen-md-max) { margin-left: -($grid-gutter-width / 2); } } } -// truncate "add to bookbag" to make it fit -- Fixme: needs review, CK +// truncate "add to bookbag"-button on top of search results to make it fit -- see also '.btn-group' above, CK #updateCart { - @media (min-width: $screen-md-min) and (max-width: $screen-md-max) { + @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { max-width: 163px; } } -- GitLab