blog.trnck.dev
Merge pull request #97 from tsub/fix-hight-full-scrolling-ui-issues
Fix an issue missing page height
authored by
Brandon Rosage
and committed by
GitHub
4aeb77a4
c443419a
+9
-5
+2
-2
_includes/header.html
+2
-2
_includes/header.html
···
19
19
{% endif %}
20
20
21
21
<!doctype html>
22
-
<html>
22
+
<html class="min-height-full">
23
23
<head>
24
24
<meta charset="utf-8">
25
25
<title>{{ page_title }}</title>
···
30
30
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
31
31
<link href="{{ "/assets/styles.css" | relative_url }}" rel="stylesheet" type="text/css">
32
32
</head>
33
-
<body class="bg-white height-full" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>
33
+
<body class="bg-white min-height-full" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>
+1
-1
_layouts/default.html
+1
-1
_layouts/default.html
···
11
11
</div>
12
12
</div>
13
13
{% else %}
14
-
<div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
14
+
<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
15
15
<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">
16
16
{% include masthead.html metadata=true %}
17
17
</div>
+1
-1
_layouts/home.html
+1
-1
_layouts/home.html
···
25
25
{% endunless %}
26
26
</div>
27
27
{% else %}
28
-
<div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
28
+
<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
29
29
<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">
30
30
{% include masthead.html metadata=true %}
31
31
</div>
+1
-1
_layouts/post.html
+1
-1
_layouts/post.html
···
47
47
</div>
48
48
</div>
49
49
{% else %}
50
-
<div class="d-md-flex height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
50
+
<div class="d-md-flex min-height-full {% unless site.style == 'dark' %}border-md-bottom{% endunless %}">
51
51
<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">
52
52
{% include masthead.html metadata=true %}
53
53
</div>