extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

Let the button with no label set and only icon be square

Browse Source
This commit is contained in:
Hadi Nategh 2022-08-05 16:25:39 +02:00
parent 7a3d017f10
commit 2593acf303
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
api/js/etemplate/Et2Button/Et2Button.ts
View File

@ -101,7 +101,6 @@ export class Et2Button extends Et2InputWidget(SlButton)
/* Only image, no label */ /* Only image, no label */
.button--has-prefix:not(.button--has-label) { .button--has-prefix:not(.button--has-label) {
width: calc(var(--sl-input-height-medium) + var(--sl-input-spacing-small) * 2);
justify-content: center; justify-content: center;
} }
`, `,

2
api/js/etemplate/et2_widget_toolbar.ts
View File

@ -638,7 +638,6 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
else else
{ {
widget = <Et2Button>loadWebComponent("et2-button", { widget = <Et2Button>loadWebComponent("et2-button", {
label: action.caption,
id: `${this.id}-${action.id}`, id: `${this.id}-${action.id}`,
image: action.iconUrl || '', image: action.iconUrl || '',
slot: "buttons", slot: "buttons",
@ -659,6 +658,7 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
!(isCheckbox && isToggleSwitch)) // no caption for slideswitch checkboxes !(isCheckbox && isToggleSwitch)) // no caption for slideswitch checkboxes
{ {
widget.classList.add(action.iconUrl?'et2_toolbar_hasCaption':'et2_toolbar_onlyCaption'); widget.classList.add(action.iconUrl?'et2_toolbar_hasCaption':'et2_toolbar_onlyCaption');
widget.label = action.caption;
} }
} }
} }

5
api/templates/default/etemplate2.css
View File

@ -3125,8 +3125,9 @@ et2-button.transparent-button::part(container) {
width: 1em; width: 1em;
overflow: hidden; overflow: hidden;
} }
.et2_toolbar_actionlist et2-button::part(prefix) { .et2_toolbar_actionlist et2-button::part(prefix),
width: 1.1em; .ui-toolbar-menulist et2-button::part(prefix){
width: 1.2em;
} }
.et2_toolbar_actionlist et2-button.et2_toolbar_hasCaption { .et2_toolbar_actionlist et2-button.et2_toolbar_hasCaption {
width:auto; width:auto;