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