From 86d4f3d4c863f9ed0052d3589246718bb039966f Mon Sep 17 00:00:00 2001 From: Chris Hallberg <crhallberg@gmail.com> Date: Tue, 30 Jan 2018 13:07:27 -0500 Subject: [PATCH] Run grunt lessToSass - jstree fixes - new variable style for PR#1102 - More complete variable styling similar to #1102 --- themes/bootstrap3/scss/bootstrap.scss | 11 -------- .../bootstrap3/scss/components/js-tree.scss | 26 ++++++++++++++++--- .../bootstrap3/scss/components/offcanvas.scss | 2 +- themes/sandal/scss/search.scss | 6 ++--- 4 files changed, 26 insertions(+), 19 deletions(-) diff --git a/themes/bootstrap3/scss/bootstrap.scss b/themes/bootstrap3/scss/bootstrap.scss index aff292f7d0e..fc5042b4c9c 100644 --- a/themes/bootstrap3/scss/bootstrap.scss +++ b/themes/bootstrap3/scss/bootstrap.scss @@ -199,17 +199,6 @@ footer { } } -/* ------ Collections ------ */ -// Layout -@media (min-width: 768px) { - .collection-hierarchytree { display: flex; } - .collection-hierarchytree .tree-panel, - #tree-preview { - flex-basis: 50%; - padding: 1rem; - } -} - /* ------ Devtools ------ */ .translation-output { width: 100%; diff --git a/themes/bootstrap3/scss/components/js-tree.scss b/themes/bootstrap3/scss/components/js-tree.scss index 3a0c314052a..af94c3a0b1c 100644 --- a/themes/bootstrap3/scss/components/js-tree.scss +++ b/themes/bootstrap3/scss/components/js-tree.scss @@ -1,3 +1,24 @@ +/* --- Layout --- */ +.hierarchy-tree { + max-height: 75vh; + overflow-y: auto; +} +@media (min-width: 768px) { + .collection-hierarchytree { display: flex; } + .collection-hierarchytree .tree-panel, + .collection-hierarchytree #tree-preview { + flex-basis: 50%; + padding: 1rem; + } + #modal .collection-hierarchytree { display: block; } + #modal .tree-panel { + flex-basis: 100%; + padding: 0; + } + #modal #tree-preview { display: none; } +} + +/* --- Look --- */ .hierarchy-tree, .jstree-facet { /* jsTree arrows */ @@ -20,10 +41,7 @@ width: 16px; color: #000; } - .jstree-anchor { - padding-left: 5px; - white-space: nowrap; - } + .jstree-anchor { padding-left: 5px; } .jstree-container-ul, .jstree-children { padding-left: 16px; diff --git a/themes/bootstrap3/scss/components/offcanvas.scss b/themes/bootstrap3/scss/components/offcanvas.scss index 559279c6688..2371997017a 100644 --- a/themes/bootstrap3/scss/components/offcanvas.scss +++ b/themes/bootstrap3/scss/components/offcanvas.scss @@ -65,7 +65,7 @@ $offcanvas-padding: 30px !default; // Body offset when offcanvas active, also wi display: block; position: fixed; top: 0; - width: calc($offcanvas-padding - 5px); + width: calc(#{$offcanvas-padding} - 5px); height: 100%; border-left: 1px solid $gray-lighter; border-right: 1px solid $gray-lighter; diff --git a/themes/sandal/scss/search.scss b/themes/sandal/scss/search.scss index 3746fada7d4..0ad5d19635c 100644 --- a/themes/sandal/scss/search.scss +++ b/themes/sandal/scss/search.scss @@ -195,7 +195,7 @@ .search { border: 0; } #searchForm { padding-top: .5rem; - padding-bottom: calc($search-tab-height + 1.5rem); + padding-bottom: calc(#{$search-tab-height} + 1.5rem); } .nav.searchbox, #searchForm { @@ -219,8 +219,8 @@ border-bottom: 3px solid transparent; } .nav-tabs a { - height: calc($search-tab-height + .5rem); - line-height: calc($search-tab-height + .5rem); + height: calc(#{$search-tab-height} + .5rem); + line-height: calc(#{$search-tab-height} + .5rem); padding: 0 1rem; border-radius: 0; background-color: transparent; -- GitLab