From c962bbcf28a00b0de1498d6c7af7247c280bcbb6 Mon Sep 17 00:00:00 2001 From: Egor Tensin Date: Tue, 22 Mar 2022 19:40:45 +0300 Subject: footer: switch implementation to flexbox God, this is better. --- _includes/common/footer.html | 15 ++++++--------- _includes/common/header.html | 9 +++------ assets/css/jekyll-theme/fix_bootstrap.css | 10 ++++++++++ assets/css/jekyll-theme/footer.css | 24 ------------------------ 4 files changed, 19 insertions(+), 39 deletions(-) diff --git a/_includes/common/footer.html b/_includes/common/footer.html index c337b3b..9331784 100644 --- a/_includes/common/footer.html +++ b/_includes/common/footer.html @@ -1,10 +1,8 @@ - -
-
-
-
-
+
+
+
+
{% if site.settings.project.license_file %} {% capture license_file %}{{ '/' | relative_url }}{{ site.settings.project.license_file }}{% endcapture %} @@ -40,11 +38,10 @@ {% if license_text %}{{ license_text }}{{ sep }}{% endif %}{{ timestamp_text }}
-
-
-
+ + diff --git a/_includes/common/header.html b/_includes/common/header.html index 3765ae6..b43a592 100644 --- a/_includes/common/header.html +++ b/_includes/common/header.html @@ -75,11 +75,8 @@ {% endif %} -
+
{% unless site.settings.navbar.hide or page.navbar.hide %} -
- {% include common/navbar.html %} -
+ {% include common/navbar.html %} {% endunless %} -
-
+
diff --git a/assets/css/jekyll-theme/fix_bootstrap.css b/assets/css/jekyll-theme/fix_bootstrap.css index 03100b3..e6a0d4a 100644 --- a/assets/css/jekyll-theme/fix_bootstrap.css +++ b/assets/css/jekyll-theme/fix_bootstrap.css @@ -41,3 +41,13 @@ pre code { .list-group-item-heading:last-child { margin-bottom: 0; } +/* + * 
 elements lose horizontal scrollbars on narrow displays (< 768px).
+ * Why? I don't know, but this guy does: https://stackoverflow.com/a/35423965/514684
+ */
+.container {
+  max-width: 100%;
+}
+pre {
+  position: relative;
+}
diff --git a/assets/css/jekyll-theme/footer.css b/assets/css/jekyll-theme/footer.css
index 1e05c57..4f14c0e 100644
--- a/assets/css/jekyll-theme/footer.css
+++ b/assets/css/jekyll-theme/footer.css
@@ -1,27 +1,3 @@
-html, body {
-  height: 100%;
-  width: 100%;
-}
-.top-level-footer-wrapper {
-  height: 100%;
-  width: 100%;
-  display: table;
-
-  /*
-   * Without this property, scrollbars inside 
 elements don't work if
-   * display's width is less than 750px.
-   * God, I hate CSS.
-   */
-  table-layout: fixed;
-}
-.footer-wrapper-collapse {
-  display: table-row;
-  height: 1px;
-}
-.footer-wrapper-expand {
-  display: table-row;
-  height: auto;
-}
 footer {
   margin-top: 20px;
   padding: 15px 0 15px;
-- 
cgit v1.2.3