extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-08-09 16:35:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix left padding of image in buttons, specially for fancy theme

Browse Source
This commit is contained in:
ralf
2024-08-27 14:25:49 +02:00
parent c49618be51
commit 039acf1569
7 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
api/js/etemplate/Et2Button/ButtonMixin.ts
View File

@ -78,7 +78,7 @@ export const ButtonMixin = <T extends Constructor>(superclass : T) => class exte
display:none !important;
}
/* Leave label there for accessability, but position it so it can't be seen */
/* Leave label there for accessibility, but position it so it can't be seen */
:host(.imageOnly) .button__label {
position: absolute;
left: -999px
@ -94,6 +94,7 @@ export const ButtonMixin = <T extends Constructor>(superclass : T) => class exte
max-width: 20px;
display: flex;
font-size: 20px !important;
padding-left: var(--et2-button-image-padding-left);
}
::slotted([slot="icon"][src='']) {
display: none;
@ -128,6 +129,9 @@ export const ButtonMixin = <T extends Constructor>(superclass : T) => class exte
width: var(--sl-input-height-medium);
padding-inline-start: 0;
}
.button--has-prefix:not(.button--has-label) ::slotted(et2-image) {
padding-left: 0;
}
/* Override primary styling - we use variant=primary on first dialog button */
.button--standard.button--primary {