diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html index 6d1da38..94e497d 100644 --- a/layouts/shortcodes/details.html +++ b/layouts/shortcodes/details.html @@ -1,3 +1,3 @@ -
{{ .Get "title" }} +
{{ .Get "title" }} {{ .Inner }}
diff --git a/static/css/style.css b/static/css/style.css index 675a70c..fabc4e8 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -488,10 +488,7 @@ a:focus { /******************* Article Figure *******************/ .article-body figure { margin: 1em 0; - /*display: table;*/ - width: max-content; - max-width: 100%; - overflow: auto; + display: table; } .article-body figure picture, .article-body figure figcaption { @@ -528,8 +525,6 @@ 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; @@ -562,8 +557,7 @@ a:focus { border: 3px solid var(--background-color-light); min-width: 100%; } -.article-body .tabular td, -.article-body .tabular th { +.article-body .tabular td { padding: 0 0.4rem; } .article-body .tabular th { @@ -600,20 +594,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 *******************/ details{ - overflow: auto; + overflow: scroll; } details[open] { outline: 1px solid white;