silva
/
new_site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix distill dark mode again (#517)

This commit is contained in:
Maruan 2021-12-31 19:47:19 +03:00 committed by GitHub
parent b950fc3fdb
commit 17329fca3a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_layouts/distill.html
View File

@ -8,7 +8,6 @@
<!-- Distill js --> <!-- Distill js -->
<script src="{{ '/assets/js/distillpub/template.v2.js' | relative_url }}"></script> <script src="{{ '/assets/js/distillpub/template.v2.js' | relative_url }}"></script>
<script src="{{ '/assets/js/distillpub/transforms.v2.js' | relative_url }}"></script> <script src="{{ '/assets/js/distillpub/transforms.v2.js' | relative_url }}"></script>
<script src="{{ '/assets/js/distillpub/overrides.js' | relative_url }}"></script>
{% if page._styles %} {% if page._styles %}
<!-- Page/Post style --> <!-- Page/Post style -->
<style type="text/css"> <style type="text/css">
@ -105,4 +104,7 @@
<d-bibliography src="{{ page.bibliography | prepend: '/assets/bibliography/' | relative_url }}"> <d-bibliography src="{{ page.bibliography | prepend: '/assets/bibliography/' | relative_url }}">
</d-bibliography> </d-bibliography>
{% include scripts/jquery.html %}
<script src="{{ '/assets/js/distillpub/overrides.js' | relative_url }}"></script>
</html> </html>

14
_sass/_distill.scss
View File

@ -44,13 +44,13 @@ d-article {
width: calc(max(70%, 300px)); width: calc(max(70%, 300px));
margin-right: 0px; margin-right: 0px;
margin-top: 0em; margin-top: 0em;
display: grid; display: grid;
grid-template-columns: grid-template-columns:
minmax(8px, 1fr) [toc] auto minmax(8px, 1fr) [toc] auto
minmax(8px, 1fr) [toc-line] 1px minmax(8px, 1fr) [toc-line] 1px
minmax(32px, 2fr); minmax(32px, 2fr);
nav { nav {
grid-column: toc; grid-column: toc;
a { a {
border-bottom: none !important; border-bottom: none !important;
@ -87,6 +87,10 @@ d-article {
grid-column: toc-line; grid-column: toc-line;
} }
} }
d-footnote {
scroll-margin-top: 66px;
}
} }
d-appendix { d-appendix {

4
assets/js/distillpub/overrides.js
View File

@ -5,6 +5,8 @@ $(document).ready(function() {
.setAttribute("style", "color: var(--global-theme-color);"); .setAttribute("style", "color: var(--global-theme-color);");
footnote.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet footnote.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {background-color: var(--global-bg-color) !important;}"); .insertRule(".panel {background-color: var(--global-bg-color) !important;}");
footnote.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {border-color: var(--global-divider-color) !important;}");
}); });
// Override styles of the citations. // Override styles of the citations.
document.querySelectorAll("d-cite").forEach(function(cite) { document.querySelectorAll("d-cite").forEach(function(cite) {
@ -16,5 +18,7 @@ $(document).ready(function() {
.insertRule("ul li a:hover {color: var(--global-theme-color) !important;}"); .insertRule("ul li a:hover {color: var(--global-theme-color) !important;}");
cite.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet cite.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {background-color: var(--global-bg-color) !important;}"); .insertRule(".panel {background-color: var(--global-bg-color) !important;}");
cite.shadowRoot.querySelector("d-hover-box").shadowRoot.querySelector("style").sheet
.insertRule(".panel {border-color: var(--global-divider-color) !important;}");
}); });
}) })