nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-09-19 04:59:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: samba: Fix layout regressions with Bootstrap 5

Browse Source 
- In Bootstrap 5, .table-responsive does not seem to set 'width: 100%;'. This
leads to tables getting laid out between the disk name and disk free progress
bar since they are both floating elements. Fix this by using flex layout
instead.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-11-19 09:26:34 -08:00 committed by Veiko Aasa
parent efe278cd08
commit 36c5ffd3af
No known key found for this signature in database
GPG Key ID: 478539CAE680674E
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plinth/modules/samba/static/samba.css
View File

@ -6,10 +6,16 @@
margin-bottom: 0; margin-bottom: 0;
width: 11.25rem; width: 11.25rem;
} }
.samba-disk-header {
display: flex;
justify-content: space-between;
}
.samba-disk-name { .samba-disk-name {
font-size: 1.3rem; font-size: 1.3rem;
float: left;
} }
.samba-disk-shares { .samba-disk-shares {
padding-top: 0.625rem; padding-top: 0.625rem;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;

2
plinth/modules/samba/templates/samba.html
View File

@ -32,7 +32,7 @@
<span class="fa fa-hdd-o"></span> <span class="fa fa-hdd-o"></span>
{{ disk.name }} {{ disk.name }}
</div> </div>
<div class="pull-right"> <div class="samba-disk-free">
<div class="progress"> <div class="progress">
<div class="progress-bar progress-bar-striped <div class="progress-bar progress-bar-striped
{% if disk.percent_used < 75 %} {% if disk.percent_used < 75 %}