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. --- assets/css/jekyll-theme/fix_bootstrap.css | 10 ++++++++++ assets/css/jekyll-theme/footer.css | 24 ------------------------ 2 files changed, 10 insertions(+), 24 deletions(-) (limited to 'assets') 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