From 5a8cfa35ee78b32265da463a397ee66667130b80 Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 22 May 2020 16:54:48 +0200 Subject: [PATCH 1/5] [STYLE] Add same padding on table headers as on table cell --- static/css/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/static/css/style.css b/static/css/style.css index fabc4e8..6ade7df 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -557,7 +557,8 @@ a:focus { border: 3px solid var(--background-color-light); min-width: 100%; } -.article-body .tabular td { +.article-body .tabular td, +.article-body .tabular th { padding: 0 0.4rem; } .article-body .tabular th { From 38f1b9129a399ccebe8f0a20b0b41f001f4a8784 Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 22 May 2020 17:01:30 +0200 Subject: [PATCH 2/5] [STYLE] Make figure caption adapat to content size --- static/css/style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/static/css/style.css b/static/css/style.css index 6ade7df..d3544fa 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -525,6 +525,8 @@ a:focus { } .article-body figure.border figcaption { background-color: var(--background-color-light); + min-width: 100%; + display: inline-block; } .article-body figure>a { display: block; From 79fe88673cc4267f5328f991660675b23cbe156b Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 22 May 2020 17:02:58 +0200 Subject: [PATCH 3/5] [STYLE] Fix the scrolling error on details --- static/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/css/style.css b/static/css/style.css index d3544fa..e68d3b8 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -605,7 +605,7 @@ pre { /******************* Article Details *******************/ details{ - overflow: scroll; + overflow: auto; } details[open] { outline: 1px solid white; From 6e2d65ff63d1cbda30d5332a175fcfdb1770be9a Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 22 May 2020 17:51:03 +0200 Subject: [PATCH 4/5] [SHORTCODE] Allow css class in details shortcode --- layouts/shortcodes/details.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html index 94e497d..6d1da38 100644 --- a/layouts/shortcodes/details.html +++ b/layouts/shortcodes/details.html @@ -1,3 +1,3 @@ -
{{ .Get "title" }} +
{{ .Get "title" }} {{ .Inner }}
From 7756e1a2e03f5d820bf1dd35d7689de17b25eb3a Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Fri, 22 May 2020 17:53:19 +0200 Subject: [PATCH 5/5] [STYLE] Remove some overflow (small screens) and break words in code --- static/css/style.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/static/css/style.css b/static/css/style.css index e68d3b8..675a70c 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -488,7 +488,10 @@ a:focus { /******************* Article Figure *******************/ .article-body figure { margin: 1em 0; - display: table; + /*display: table;*/ + width: max-content; + max-width: 100%; + overflow: auto; } .article-body figure picture, .article-body figure figcaption { @@ -597,10 +600,15 @@ pre { padding: 0.3rem; margin-top: 0.5rem; background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px); + overflow: auto; } :not(pre)>code, :not(details)>code { font-size: 1rem; color: var(--font-color-em); + word-break: break-word; +} +.allowbreak code { + word-break: break-word; } /******************* Article Details *******************/