diff --git a/hyperglass/render/templates/base.html.j2 b/hyperglass/render/templates/base.html.j2
index ee0543a..eb8884a 100644
--- a/hyperglass/render/templates/base.html.j2
+++ b/hyperglass/render/templates/base.html.j2
@@ -11,9 +11,9 @@
+ color="{{ branding.colors.primary }}" />
-
+
diff --git a/hyperglass/render/templates/footer.html.j2 b/hyperglass/render/templates/footer.html.j2
index 8cfb5c3..8fe3bee 100644
--- a/hyperglass/render/templates/footer.html.j2
+++ b/hyperglass/render/templates/footer.html.j2
@@ -1,16 +1,19 @@
-{% if branding.footer.enable %}
-{% endif %}
\ No newline at end of file
+
\ No newline at end of file
diff --git a/hyperglass/render/templates/theme.sass.j2 b/hyperglass/render/templates/theme.sass.j2
index ac7957a..a536ef5 100644
--- a/hyperglass/render/templates/theme.sass.j2
+++ b/hyperglass/render/templates/theme.sass.j2
@@ -46,6 +46,14 @@ $hg-background: {{ colors.background }}
$darker-color: scale-color($color, $lightness: 5%)
@return grayscale($darker-color)
+@function findSubtleText($color)
+ @if (lightness($color) > 55%)
+ $subtle-color: scale-color($color, $lightness: -20%)
+ @return grayscale($subtle-color)
+ @else
+ $subtle-color: scale-color($color, $lightness: 40%)
+ @return grayscale($subtle-color)
+
//// Body Color
$body-bg: $hg-background
$body-color: findTextColor($body-bg)
@@ -102,7 +110,7 @@ $dropdown-bg: $hg-field-bg
$dropdown-color: $hg-field-color
$dropdown-divider-bg: $hg-border
$dropdown-border-color: $hg-border
-$dropdown-header-color: findSubtleColor($dropdown-color)
+$dropdown-header-color: findSubtleText($dropdown-color)
$dropdown-link-color: $hg-field-color
$dropdown-link-hover-bg: $hg-primary
$dropdown-link-hover-color: $hg-primary-color
@@ -113,7 +121,7 @@ $dropdown-link-active-color: $hg-primary-color
$input-bg: $hg-field-bg
$input-color: $hg-field-color
$input-border-color: $hg-border
-$input-placeholder-color: findSubtleColor($hg-field-color)
+$input-placeholder-color: findSubtleText($hg-field-color)
$input-btn-focus-box-shadow: none
$input-focus-bg: findSubtleColor($input-bg)
$input-focus-color: $input-color
diff --git a/hyperglass/static/hyperglass.es6 b/hyperglass/static/hyperglass.es6
index 722c39b..2033b78 100644
--- a/hyperglass/static/hyperglass.es6
+++ b/hyperglass/static/hyperglass.es6
@@ -73,19 +73,23 @@ const reloadPage = () => {
};
queryLocation.selectpicker({
+ iconBase: '',
liveSearchNormalize: true,
+ selectedTextFormat: 'count > 2',
style: '',
styleBase: 'form-control',
- iconBase: '',
tickIcon: 'remixicon-check-line',
+}).on('shown.bs.select hidden.bs.select changed.bs.select', (e) => {
+ $(e.currentTarget).nextAll('.dropdown-menu.show').find('input').blur();
});
queryType.selectpicker({
- liveSearchNormalize: true,
+ iconBase: '',
+ liveSearch: false,
style: '',
styleBase: 'form-control',
- iconBase: '',
- tickIcon: 'remixicon-check-line',
+}).on('hidden.bs.select', (e) => {
+ $(e.currentTarget).nextAll('.form-control.dropdown-toggle').blur();
});
footerTermsBtn.popover({
diff --git a/hyperglass/static/overrides.sass b/hyperglass/static/overrides.sass
index 3f2fdf2..04f8f07 100644
--- a/hyperglass/static/overrides.sass
+++ b/hyperglass/static/overrides.sass
@@ -247,6 +247,9 @@
.mh-xl-none
max-height: none !important
+.mh-75
+ max-height: 75% !important
+
// hyperglass overrides
#hg-form
margin-top: 15% !important
@@ -437,4 +440,8 @@
padding-left: 0.3rem !important
.modal-title
- padding-bottom: 1rem !important
\ No newline at end of file
+ padding-bottom: 1rem !important
+
+.popover-body
+ max-height: 60vh !important
+ overflow-y: auto !important
\ No newline at end of file