OpenWrt/openwrt-luci
1
0
Fork 0
mirror of https://github.com/openwrt/luci synced 2025-04-04 22:33:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

treewide: set css tag flex-wrap to wrap buttons in modal view

Browse Source 
In CSS, the flex-wrap property is used in a flex container to control
how flex items are laid out when there is not enough space in a single
line.

If a modal is displayed on small screens, the buttons are not wrapped. They
remain on one line. This breaks the layout and does not look good.

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
This commit is contained in:
Florian Eckert 2025-03-06 10:32:18 +01:00 committed by Paul Donald
parent 47d26bcb62
commit 046a121087
4 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
View File

@ -1422,6 +1422,7 @@ footer ul.breadcrumb {
.modal > .button-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.modal > .button-row > button:not(:last-of-type) {

1
themes/luci-theme-material/htdocs/luci-static/material/cascade.css
View File

@ -1784,6 +1784,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
.modal .button-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.modal .button-row > button:not(:first-of-type) {

1
themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
View File

@ -277,6 +277,7 @@ body.modal-overlay-active #modal_overlay {
.modal .button-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.modal .button-row > :not(:last-child) {

1
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
View File

@ -245,6 +245,7 @@ hr {
.modal .button-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.modal .button-row > :not(:last-child) {