From 5a8cfa35ee78b32265da463a397ee66667130b80 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
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 <gregory@trolliet.info>
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 <gregory@trolliet.info>
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 <gregory@trolliet.info>
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 @@
-<details><summary>{{ .Get "title" }}</summary>
+<details {{ with .Get "class" }} class="{{ . }}"{{ end }}><summary>{{ .Get "title" }}</summary>
{{ .Inner }}
</details>
From 7756e1a2e03f5d820bf1dd35d7689de17b25eb3a Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
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 *******************/