Improve mobile view

This commit is contained in:
Booteille 2024-12-07 15:26:49 +01:00
parent 77842281ef
commit f459719254
No known key found for this signature in database
GPG Key ID: 0FE17AFD5A1F837F
2 changed files with 17 additions and 9 deletions

View File

@ -73,6 +73,10 @@ a:not(#main-menu a) a:hover {
color: var(--bulma-link-text);
}
.navbar {
overflow-x: auto;
}
#main-menu div.navbar-item:hover:has(form) {
--bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta);
--bulma-navbar-item-background-a: 1;
@ -125,6 +129,10 @@ a:not(#main-menu a) a:hover {
border-radius: var(--bulma-radius);
}
#uploaded-files .card-footer {
overflow-x: auto;
}
#file-js-upload {
background: hsl(var(--bulma-scheme-h), var(--bulma-scheme-s), calc(var(--bulma-scheme-main-ter-l)));
}

View File

@ -192,12 +192,12 @@
<div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary"></span>
</div>
<div class="cell is-col-span-10">
<div class="cell is-col-span-9">
<strong class="is-block wb-all name is-overflow-x"></strong>
<small class="is-block size mt-1"></small>
</div>
<div class="cell is-col-12 ">
<div class="cell is-col-10 ">
<button class="is-narrow card-header-icon" aria-label="<%= l('Close') %>">
<span class="delete"></span>
</button>
@ -221,12 +221,12 @@
<div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span>
</div>
<div class="cell is-col-span-10">
<div class="cell is-col-span-9">
<strong class="is-block wb-all name is-overflow-x"></strong>
<small class="is-block size mt-1"></small>
</div>
<div class="cell is-col-12 ">
<div class="cell is-col-10 ">
<button class="is-narrow card-header-icon" aria-label="<%= l('Close') %>">
<span class="delete"></span>
</button>
@ -246,12 +246,12 @@
<div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span>
</div>
<div class="cell is-col-span-10">
<div class="cell is-col-span-9">
<strong class="is-block wb-all name is-overflow-x"></strong>
<small class="is-block size mt-1"></small>
</div>
<button class="cell is-col-12 is-narrow has-text-right card-header-icon" aria-label="<%= l('Close') %>">
<button class="cell is-col-10 is-narrow has-text-right card-header-icon" aria-label="<%= l('Close') %>">
<span class="delete"></span>
</button>
</div>
@ -272,12 +272,12 @@
<div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span>
</div>
<div class="cell is-col-span-10">
<div class="cell is-col-span-9">
<strong class="is-block wb-all name is-overflow-x name"></strong>
<small class="is-block size mt-1 size"></small>
</div>
<button class="cell is-col-12 is-narrow has-text-right card-header-icon" aria-label="<%= l('Close') %>">
<button class="cell is-col-10 is-narrow has-text-right card-header-icon" aria-label="<%= l('Close') %>">
<span class="delete"></span>
</button>
</div>