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