alterNERDtive/alterNERDtive.github.io
1
0
Fork 0
Code Activity Actions 1

Merge pull request #97 from tsub/fix-hight-full-scrolling-ui-issues

Browse source 
Fix an issue missing page height
This commit is contained in:
Brandon Rosage 2019-03-25 12:10:18 -05:00 committed by GitHub
commit 4aeb77a425
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_includes/header.html
View file

@ -19,7 +19,7 @@
{% endif %}
<!doctype html>
<html>
<html class="min-height-full">
<head>
<meta charset="utf-8">
<title>{{ page_title }}</title>
@ -30,4 +30,4 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="{{ "/assets/styles.css" | relative_url }}" rel="stylesheet" type="text/css">
</head>
<body class="bg-white height-full" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>
<body class="bg-white min-height-full" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>

2
_layouts/default.html
View file

@ -11,7 +11,7 @@
</div>
</div>
{% else %}
<div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
<div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
{% include masthead.html metadata=true %}
</div>

2
_layouts/home.html
View file

@ -25,7 +25,7 @@
{% endunless %}
</div>
{% else %}
<div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
<div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
{% include masthead.html metadata=true %}
</div>

2
_layouts/post.html
View file

@ -47,7 +47,7 @@
</div>
</div>
{% else %}
<div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
<div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
{% include masthead.html metadata=true %}
</div>

4
assets/styles.scss
View file

@ -37,3 +37,7 @@
padding-left: 16px;
}
}
.min-height-full {
min-height: 100vh;
}