hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move post actions to the top on mobile

Browse Source 
It's not exactly useful to have them at the bottom
This commit is contained in:
daudix
2024-10-02 03:10:33 +03:00
parent 1ff0537045
commit 8085b6355c
2 changed files with 48 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
sass/_article.scss
View File

@ -17,7 +17,7 @@
inset-inline-start: 0; inset-inline-start: 0;
} }
& + #heading { &+#heading {
margin-block-start: 35vw; margin-block-start: 35vw;
} }
@ -26,7 +26,7 @@
margin-block-start: 50vw; margin-block-start: 50vw;
} }
& + #heading { &+#heading {
margin-block-start: 2rem; margin-block-start: 2rem;
} }
} }
@ -42,7 +42,7 @@
background-clip: text; background-clip: text;
color: transparent; color: transparent;
& + p { &+p {
display: inline; display: inline;
} }
} }
@ -159,7 +159,7 @@
width: min(calc(var(--container-width) / 3), calc(90vw - 3rem)); width: min(calc(var(--container-width) / 3), calc(90vw - 3rem));
max-height: 50vh; max-height: 50vh;
& > strong { &>strong {
color: var(--fg-muted-4); color: var(--fg-muted-4);
font-size: var(--font-size-x-large); font-size: var(--font-size-x-large);
line-height: 1; line-height: 1;
@ -194,9 +194,15 @@
} }
} }
#go-to-top .icon { #go-to-top {
@media only screen and (max-width: 720px) {
display: none;
}
.icon {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M1 11a1 1 0 0 1 .293-.707l6-6a1 1 0 0 1 1.414 0l6 6a1 1 0 1 1-1.414 1.414L8 6.414l-5.293 5.293A1 1 0 0 1 1 11m0 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M1 11a1 1 0 0 1 .293-.707l6-6a1 1 0 0 1 1.414 0l6 6a1 1 0 1 1-1.414 1.414L8 6.414l-5.293 5.293A1 1 0 0 1 1 11m0 0'/%3E%3C/svg%3E");
} }
}
#share .icon { #share .icon {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 1a1 1 0 0 0-.5.135 1 1 0 0 0-.207.158l-3 3a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L7 4.414V10a1 1 0 0 0 1 1 1 1 0 0 0 1-1V4.414l1.293 1.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414L8.738 1.326 8.7 1.287a1 1 0 0 0-.195-.15l-.008-.004a1 1 0 0 0-.236-.098h-.004A1 1 0 0 0 8 1M4 7c-1.645 0-3 1.355-3 3v2c0 1.645 1.355 3 3 3h8c1.645 0 3-1.355 3-3v-2c0-1.645-1.355-3-3-3a1 1 0 0 0 0 2c.564 0 1 .436 1 1v2c0 .564-.436 1-1 1H4c-.564 0-1-.436-1-1v-2c0-.564.436-1 1-1a1 1 0 0 0 0-2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M8 1a1 1 0 0 0-.5.135 1 1 0 0 0-.207.158l-3 3a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L7 4.414V10a1 1 0 0 0 1 1 1 1 0 0 0 1-1V4.414l1.293 1.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414L8.738 1.326 8.7 1.287a1 1 0 0 0-.195-.15l-.008-.004a1 1 0 0 0-.236-.098h-.004A1 1 0 0 0 8 1M4 7c-1.645 0-3 1.355-3 3v2c0 1.645 1.355 3 3 3h8c1.645 0 3-1.355 3-3v-2c0-1.645-1.355-3-3-3a1 1 0 0 0 0 2c.564 0 1 .436 1 1v2c0 .564-.436 1-1 1H4c-.564 0-1-.436-1-1v-2c0-.564.436-1 1-1a1 1 0 0 0 0-2'/%3E%3C/svg%3E");

22
templates/article.html
View File

@ -69,16 +69,7 @@
{%- endif %} {%- endif %}
</div> </div>
{%- include "partials/statements.html" -%} <div id="buttons-container">
{{ page.content | safe }}
</article>
{%- if page.extra.comments.id -%}
{% include "partials/comments.html" %}
{%- endif -%}
<div id="buttons-container">
{%- if page.extra.toc -%} {%- if page.extra.toc -%}
<details id="toc" class="closable"> <details id="toc" class="closable">
<summary title="{{ macros_translate::translate(key='table_of_contents', default='Table of Contents', language_strings=language_strings) }}"><i class="icon"></i></summary> <summary title="{{ macros_translate::translate(key='table_of_contents', default='Table of Contents', language_strings=language_strings) }}"><i class="icon"></i></summary>
@ -112,7 +103,16 @@
{%- if config.extra.issues_url -%} {%- if config.extra.issues_url -%}
<a id="issue" href="{{ config.extra.issues_url }}" rel="{{ rel_attributes }}" title="{{ macros_translate::translate(key='file_an_issue', default='File an Issue', language_strings=language_strings) }}"><i class="icon"></i></a> <a id="issue" href="{{ config.extra.issues_url }}" rel="{{ rel_attributes }}" title="{{ macros_translate::translate(key='file_an_issue', default='File an Issue', language_strings=language_strings) }}"><i class="icon"></i></a>
{%- endif -%} {%- endif -%}
</div> </div>
{%- include "partials/statements.html" -%}
{{ page.content | safe }}
</article>
{%- if page.extra.comments.id -%}
{% include "partials/comments.html" %}
{%- endif -%}
{%- if page.lower or page.higher -%} {%- if page.lower or page.higher -%}
<hr /> <hr />