Mastodon/MARL-Mastodon-Archive-Reader-Lite
1
0
Fork 0
mirror of https://github.com/s427/MARL.git synced 2025-01-31 11:34:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

minor layout corrections

Browse Source
This commit is contained in:
Vincent CLAVIEN 2024-11-29 17:26:57 +01:00
parent c8b52831da
commit 5162b9dd3a
4 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/_layout.scss
View File

@ -128,10 +128,9 @@ html {
.direction-fwd {
order: 3;
}
.toggle-order {
display: none;
}
}
.paging-options-reverse {
display: none;
}
@container (width < 675px) {
@ -143,9 +142,9 @@ html {
.paging-options-toggle {
display: block;
}
.paging .toggle-order {
display: inline-block;
margin: 1rem;
.paging-options-reverse {
display: block;
padding: 0 1rem 1rem;
}
.paging .paging-options {

2
css/main.css
View File

File diff suppressed because one or more lines are too long

2
css/main.css.map
View File

File diff suppressed because one or more lines are too long

17
index.html
View File

@ -7,7 +7,7 @@
<link rel="icon" href="data:," />
<base target="_blank" />
<link rel="stylesheet" href="css/main.css?20241132" />
<link rel="stylesheet" href="css/main.css?20241133" />
<script>
const isFileProtocol = window.location.protocol === "file:";
const scripts = [
@ -907,14 +907,13 @@
/>
<label for="paging-page-size">posts per page)</label>
</div>
<button
@click="$store.files.toggleTootsOrder()"
class="toggle-order"
>
<svg class="btn-icon" aria-hidden="true">
<use href="#toggle-order" /></svg
><span class="btn-label">Reverse order</span>
</button>
<div class="paging-options-reverse">
<button @click="$store.files.toggleTootsOrder()">
<svg class="btn-icon" aria-hidden="true">
<use href="#toggle-order" /></svg
><span class="btn-label">Reverse order</span>
</button>
</div>
</div>
<div class="direction-fwd">