MirrorMirror
/
lufi
mirror of https://framagit.org/fiat-tux/hat-softwares/lufi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
themes/default/public/css/custom.css
View File

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

18
themes/default/templates/index.html.ep
View File

@ -192,12 +192,12 @@
<div class="cell is-col-1"> <div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary"></span> <span class="icon fas fa-file fa-2x is-large has-text-primary"></span>
</div> </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> <strong class="is-block wb-all name is-overflow-x"></strong>
<small class="is-block size mt-1"></small> <small class="is-block size mt-1"></small>
</div> </div>
<div class="cell is-col-12 "> <div class="cell is-col-10 ">
<button class="is-narrow card-header-icon" aria-label="<%= l('Close') %>"> <button class="is-narrow card-header-icon" aria-label="<%= l('Close') %>">
<span class="delete"></span> <span class="delete"></span>
</button> </button>
@ -221,12 +221,12 @@
<div class="cell is-col-1"> <div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span> <span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span>
</div> </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> <strong class="is-block wb-all name is-overflow-x"></strong>
<small class="is-block size mt-1"></small> <small class="is-block size mt-1"></small>
</div> </div>
<div class="cell is-col-12 "> <div class="cell is-col-10 ">
<button class="is-narrow card-header-icon" aria-label="<%= l('Close') %>"> <button class="is-narrow card-header-icon" aria-label="<%= l('Close') %>">
<span class="delete"></span> <span class="delete"></span>
</button> </button>
@ -246,12 +246,12 @@
<div class="cell is-col-1"> <div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span> <span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span>
</div> </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> <strong class="is-block wb-all name is-overflow-x"></strong>
<small class="is-block size mt-1"></small> <small class="is-block size mt-1"></small>
</div> </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> <span class="delete"></span>
</button> </button>
</div> </div>
@ -272,12 +272,12 @@
<div class="cell is-col-1"> <div class="cell is-col-1">
<span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span> <span class="icon fas fa-file fa-2x is-large has-text-primary" aria-hidden="true"></span>
</div> </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> <strong class="is-block wb-all name is-overflow-x name"></strong>
<small class="is-block size mt-1 size"></small> <small class="is-block size mt-1 size"></small>
</div> </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> <span class="delete"></span>
</button> </button>
</div> </div>
@ -287,7 +287,7 @@
</div> </div>
% if (!defined stash('invitation')) { % if (!defined stash('invitation')) {
<footer class="card-footer is-align-items-center"> <footer class="card-footer is-align-items-center ">
<a href="#" class="card-footer-item action-copy"> <a href="#" class="card-footer-item action-copy">
<span class="icon-text is-justify-content-center"> <span class="icon-text is-justify-content-center">
<span class="icon fas fa-copy" aria-hidden="true"></span> <span class="icon fas fa-copy" aria-hidden="true"></span>