Fix "header" button styling on mobile popups (preferences, security, etc)

This commit is contained in:
nathan 2023-02-23 10:01:54 -07:00
parent 5453f1f8f1
commit 06ab864b01
2 changed files with 34 additions and 8 deletions

View File

@ -8967,14 +8967,26 @@ table.egwGridView_grid img.et2_appicon {
body div#popupMainDiv { body div#popupMainDiv {
padding: 0; padding: 0;
} }
body .dialogHeadbar et2-button-icon { body .dialogHeadbar et2-button-icon,
body .dialogHeadbar et2-button {
font-size: 2.3em; font-size: 2.3em;
flex: 0 0 50px;
}
body .dialogHeadbar et2-button-icon et2-image,
body .dialogHeadbar et2-button et2-image {
height: 24px;
width: 24px;
max-width: initial;
-webkit-filter: brightness(0) invert(1) !important; -webkit-filter: brightness(0) invert(1) !important;
filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;
background-color: transparent !important; background-color: transparent !important;
background-size: 24px 24px !important; background-size: 24px 24px !important;
border: none; border: none;
} }
body .dialogHeadbar et2-button::part(base) {
background: transparent;
border: transparent;
}
body .dialogHeadbar button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) { body .dialogHeadbar button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) {
-webkit-filter: brightness(0) invert(1) !important; -webkit-filter: brightness(0) invert(1) !important;
filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;

View File

@ -1227,15 +1227,29 @@
form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {margin:0 5px 0 0;} form.et2_container div table.et2_grid tbody tr .row td .et2_box_widget input {margin:0 5px 0 0;}
} }
div#popupMainDiv {padding:0;} div#popupMainDiv {padding:0;}
.dialogHeadbar { .dialogHeadbar {
et2-button-icon { et2-button-icon, et2-button {
font-size: 2.3em; font-size: 2.3em;
.white-svg; flex: 0 0 50px;
}
button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) { et2-image {
.white-svg; height: 24px;
padding-right: 15px; width: 24px;
max-width: initial;
.white-svg;
} }
}
et2-button::part(base) {
background: transparent;
border: transparent;
}
button[class*="et2_button_with_image"]:not([class*="et2_toolbar_hasCaption"]) {
.white-svg;
padding-right: 15px;
}
} }
.rowHeader { .rowHeader {
.mob-fontsize-l; .mob-fontsize-l;