Thomas/Piwigo_Bratonien_Tools
1
0
Fork 0
mirror of https://github.com/Terranom674/Piwigo_Bratonien_Tools.git synced 2026-09-19 19:54:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align selection UI with Bootstrap toolbar and compact responsive layout

Browse Source
This commit is contained in:
Terranom674
2026-08-16 15:32:07 +02:00
parent 62d6f8f2b0
commit eedf012f46
1 changed files with 6 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
css/public_selection.css
View File

@@ -1,20 +1,3 @@
#bratonien-selection-toggle {
display:inline-flex;
align-items:center;
justify-content:center;
vertical-align:middle;
line-height:1;
}
#bratonien-selection-toggle .pwg-icon {
display:inline-flex;
align-items:center;
justify-content:center;
line-height:1;
vertical-align:middle;
transform:none;
}
#bratonien-selection-toggle.active { #bratonien-selection-toggle.active {
color:#f0a646; color:#f0a646;
} }
@@ -29,9 +12,9 @@
align-items:center; align-items:center;
justify-content:flex-end; justify-content:flex-end;
box-sizing:border-box; box-sizing:border-box;
width:calc(100% - 1rem); width:fit-content;
max-width:100%; max-width:calc(100% - 1rem);
margin:.35rem .5rem .75rem; margin:.35rem .5rem .75rem auto;
padding:.45rem .55rem; padding:.45rem .55rem;
border:1px solid rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.16);
border-radius:.4rem; border-radius:.4rem;
@@ -40,7 +23,6 @@
} }
.bratonien-selection-status { .bratonien-selection-status {
margin-right:auto;
padding:0 .35rem; padding:0 .35rem;
white-space:nowrap; white-space:nowrap;
color:#d7d7d7; color:#d7d7d7;
@@ -137,13 +119,14 @@
@media (max-width:760px) { @media (max-width:760px) {
.bratonien-selection-bar { .bratonien-selection-bar {
width:calc(100% - 1rem);
max-width:none;
margin:.35rem .5rem .75rem;
align-items:stretch; align-items:stretch;
justify-content:stretch;
} }
.bratonien-selection-status { .bratonien-selection-status {
width:100%; width:100%;
margin-right:0;
padding:.1rem .2rem; padding:.1rem .2rem;
} }