From ecc21777074804de5353a5624a3603132a701868 Mon Sep 17 00:00:00 2001
From: Chris Hallberg <crhallberg@gmail.com>
Date: Fri, 7 Jul 2017 12:15:40 -0400
Subject: [PATCH] Update SASS.

---
 themes/bootprint3/scss/bootprint.scss         | 28 ++++++++++++-------
 .../bootstrap3/scss/components/js-tree.scss   | 23 ++++++++++-----
 .../bootstrap3/scss/components/sidebar.scss   | 24 ++++++++++++++--
 3 files changed, 55 insertions(+), 20 deletions(-)

diff --git a/themes/bootprint3/scss/bootprint.scss b/themes/bootprint3/scss/bootprint.scss
index d223f762334..ccfd41b35ea 100644
--- a/themes/bootprint3/scss/bootprint.scss
+++ b/themes/bootprint3/scss/bootprint.scss
@@ -129,19 +129,25 @@ ul.random.image li img { margin: 0 auto; }
 
 /* --- Sidebar --- */
 .sidebar {
-  .list-group { margin-bottom: 5px; }
-  .list-group label.list-group-item { padding-left: 26px; }
-  .list-group label.list-group-item input[type=checkbox] { margin-top: 2px; }
+  .facet-group { margin-bottom: 5px; }
+  .facet-group label.list-group-item { padding-left: 26px; }
+  .facet-group label.list-group-item input[type=checkbox] { margin-top: 2px; }
 
-  .list-group-item { padding: 7px 10px 6px; }
-  .list-group-item.active { color: #fff; }
-  .list-group-item.active .badge { color: $active-orange; }
-  .list-group-item.active,
-  .list-group-item.active:hover {
-    background: $active-orange;
+  .facet { padding: 7px 10px 6px; }
+  .facet.active,
+  .facet.active:hover,
+  .active-filters .facet {
+    color: #fff;
+    background-color: $active-orange;
     border-color: $active-orange;
   }
-  .list-group-item .badge a { color: #fff; }
+  .facet.active .badge,
+  .jstree-node.active .badge,
+  .jstree-node.active .badge .fa { color: $active-orange; }
+  .facet .badge a { color: #fff; }
+
+  .facet.facetOR { padding-left: 1rem; }
+  .facet.excludable { padding-right: 0; }
 }
 .slider-container .slider-handle {
   background: $brand-primary;
@@ -156,3 +162,5 @@ ul.random.image li img { margin: 0 auto; }
   color: #fff;
   &:hover { color: $brand-danger; }
 }
+.jstree-facet .jstree-ocl::before { margin-left: -5px; }
+.jstree-node.active { background-color: $active-orange; }
diff --git a/themes/bootstrap3/scss/components/js-tree.scss b/themes/bootstrap3/scss/components/js-tree.scss
index 1e81d6bcd86..3a0c314052a 100644
--- a/themes/bootstrap3/scss/components/js-tree.scss
+++ b/themes/bootstrap3/scss/components/js-tree.scss
@@ -1,4 +1,5 @@
-.hierarchy-tree {
+.hierarchy-tree,
+.jstree-facet {
   /* jsTree arrows */
   .jstree-ocl:before {
     float: left;
@@ -20,7 +21,7 @@
     color: #000;
   }
   .jstree-anchor {
-    padding: 2px 5px;
+    padding-left: 5px;
     white-space: nowrap;
   }
   .jstree-container-ul,
@@ -41,6 +42,12 @@
     font-weight: bold;
   }
 }
+.jstree-node.list-group-item {
+  margin-bottom: 0;
+  border: 0;
+  border-bottom: 1px solid $list-group-border;
+  border-radius: 0;
+}
 
 /* --- Record --- */
 #hierarchyTreeHolder {
@@ -73,12 +80,14 @@
 }
 /* facet list styling */
 .jstree-facet li span.main {
-  display: block;
-  padding-left: 1px; /* Fix Firefox cutting the checkboxes */
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.jstree-facet .main.applied .fa-check {
+  margin-top: 2px;
+  margin-right: 4px;
+}
 .jstree-facet .jstree-container-ul {
   padding: 0;
   & > li.active,
@@ -92,6 +101,6 @@ li.jstree-node { list-style: none; }
 li.jstree-facet .badge { cursor: text; }
 li.jstree-facet ul { padding-left: 20px; }
 
-.list-group.facet .jstree-node.list-group-item { padding-left: 19px; }
-.list-group.facet .jstree-icon::before { margin-left: -12px; }
-.list-group.facet .jstree-facet li span.main { padding: 1px; }
+.facet .jstree-node.list-group-item { padding-left: 19px; }
+.facet .jstree-icon::before { margin-left: -12px; }
+.facet .jstree-facet li span.main { padding: 1px; }
diff --git a/themes/bootstrap3/scss/components/sidebar.scss b/themes/bootstrap3/scss/components/sidebar.scss
index 851f55db2c6..6f550f08f72 100644
--- a/themes/bootstrap3/scss/components/sidebar.scss
+++ b/themes/bootstrap3/scss/components/sidebar.scss
@@ -9,7 +9,11 @@
     line-height: 1.5rem;
 
     .badge,
-    .status { float: right; }
+    .status {
+      float: right;
+
+      body.rtl & { float: left; }
+    }
     .badge {
       max-height: 19px;
       line-height: 1.1rem;
@@ -74,16 +78,23 @@
   font-weight: bold;
   color: $text-color;
 }
+.facet-group > .checkbox,
+.sidebar .facet.checkbox {
+  margin: 0;
+  padding-left: 2rem;
+}
 
 .active-filters .facet,
 .facet-group .active {
+  padding-right: .65rem;
   background-color: $brand-primary;
   color: #fff;
 
   a { color: #fff; }
 }
-.active-filters .facet { padding-right: .65rem; }
-.facet-group .active .badge {
+.facet.active .badge,
+.jstree-node.active .badge,
+.jstree-node.active .badge .fa {
   background-color: #fff;
   color: $brand-primary;
 }
@@ -105,3 +116,10 @@
 }
 
 .full-facet-list { margin-top: 1rem; }
+.full-facet-list .active .fa {
+  float: right;
+  margin-top: .25rem;
+  margin-right: 0.5rem;
+  margin-left: 0.5rem;
+}
+body.rtl .full-facet-list .active .fa { float: left; }
-- 
GitLab