witine/lookingglass
1
0
Fork 0
forked from mirrors/thatmattlove-hyperglass
Code Issues Pull requests Releases Activity

fix results title & logo layout

Browse source
This commit is contained in:
checktheroads 2019-08-18 12:37:11 -07:00
parent 91ae2d3eae
commit 9512fd94e0
5 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
hyperglass/render/templates/index.html.j2
View file

@ -4,10 +4,9 @@
<div id="hg-parent" class="mx-auto">
<div class="container animsition mw-lg-75 mw-xl-50" data-animsition-out-class="fade-out-right" data-animsition-in-class="fade-in-left"
id="hg-form">
<div class="container-fluid text-center">
<div class="container-fluid d-flex justify-content-center mb-3 text-center">
{% import "templates/title.html.j2" as title %}
{{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4") }}
<br>
</div>
<form onsubmit="return false" name="queryform" id="lgForm" action="?" method="POST">
<div class="form-row mb-3">

16
hyperglass/render/templates/results.html.j2
View file

@ -1,15 +1,13 @@
<div class="container animsition" data-animsition-out-class="fade-out-left" data-animsition-in-class="fade-in-right"
id="hg-results">
<div class="container mb-lg-1 mt-lg-1">
<div class="row mb-lg-1 px-1">
<div class="col align-self-center d-flex justify-content-between">
<div class="text-left align-self-end">
<h2 id="hg-results-title"></h2>
</div>
<div class="align-self-end text-right">
{% import "templates/title.html.j2" as title %}
{{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4") }}
</div>
<div class="row mb-md-1 mb-lg-3 mb-xl-3 px-1">
<div class="col align-self-end text-left">
{% import "templates/title.html.j2" as title %}
{{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4", direction="left") }}
</div>
<div class="col align-self-end text-right">
<h2 class="mb-0" id="hg-results-title"></h2>
</div>
</div>
<div class="row mt-lg-1">

1
hyperglass/render/templates/theme.sass.j2
View file

@ -24,6 +24,7 @@ $hg-warning: {{ colors.warning }}
$hg-loading: findAltBackgroundColor($hg-background)
// Theme Overrides
$enable-responsive-font-sizes: true
$theme-colors: ("primary": $hg-primary, "danger": $hg-danger, "warning": $hg-warning, "light": $hg-light, "dark": $hg-dark, "loading": $hg-loading)
$body-bg: $hg-background
$body-color: findTextColor($body-bg)

8
hyperglass/render/templates/title.html.j2
View file

@ -1,4 +1,4 @@
{% macro title(branding, primary_asn, size_title="h1", size_subtitle="h4") -%}
{% macro title(branding, primary_asn, size_title="h1", size_subtitle="h4", direction="none") -%}
{% if branding.text.title_mode == 'text_only' %}
<{{ size_title }}>{{ branding.text.title }}</{{ size_title }}>
<{{ size_subtitle }}>{{ branding.text.subtitle.format(primary_asn=primary_asn) }}</{{ size_subtitle }}>
@ -7,10 +7,12 @@
<{{ size_title }}>{{ branding.text.title }}</{{ size_title }}>
<{{ size_subtitle }}>{{ branding.text.subtitle.format(primary_asn=primary_asn) }}</{{ size_subtitle }}>
{% elif branding.text.title_mode == 'logo_title' %}
<img class="img-fluid" src="{{ branding.logo.path }}">
<div class="float-{{ direction }} text-center mw-sm-100 mw-md-75 mw-lg-50 mw-xl-50">
<img class="img-fluid" src="{{ branding.logo.path }}">
</div>
<{{ size_title }}>{{ branding.text.title }}</{{ size_title }}>
{% elif branding.text.title_mode == 'logo_only' %}
<div class="text-center">
<div class="float-{{ direction }} text-center mw-sm-100 mw-md-75 mw-lg-50 mw-xl-50">
<img class="img-fluid" src="{{ branding.logo.path }}">
</div>
{% endif %}

3
hyperglass/static/overrides.sass
View file

@ -258,6 +258,9 @@
margin-bottom: 5% !important
padding: unset
#hg-results-title
line-height: unset
.nav-masthead
.nav-link
& + .nav-link