Mastodon/MARL-Mastodon-Archive-Reader-Lite
1
0
Fork 0
Code Issues Pull Requests 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

11
css/_layout.scss
View File

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

9
index.html
View File

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