diff --git a/api/js/etemplate/et2_widget_toolbar.ts b/api/js/etemplate/et2_widget_toolbar.ts index f80c32db39..c4606040d5 100644 --- a/api/js/etemplate/et2_widget_toolbar.ts +++ b/api/js/etemplate/et2_widget_toolbar.ts @@ -44,6 +44,12 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput "type": "boolean", "default": true, "description": "Define whether the actions with children should be shown as dropdown or flat list" + }, + "list_header": { + "name": "list header style", + "type": "string", + "default": "more", + "description": "Define a style for list header (more ...), which can get short 3dots with no caption or bigger button with caption more ..." } }; @@ -218,7 +224,8 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput this.actionbox.empty(); this.actionlist.empty(); let admin_setting = this.options.is_admin ? '': ''; - this.actionbox.append(''+egw.lang('more')+' ...'+admin_setting+''); + const header_list = this.options.header_list == 'more'?true:false; + this.actionbox.append(''+(header_list?egw.lang('more')+' ...':'')+admin_setting+''); this.actionbox.append('
'); let that = this; if (this.options.is_admin) diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css index c8f378b886..439e9e5b0b 100644 --- a/api/templates/default/etemplate2.css +++ b/api/templates/default/etemplate2.css @@ -2296,6 +2296,21 @@ div.ui-dialog div.ui-dialog-content > div { padding: 0 !important; } div.et2_toolbar.ui-widget-header {background: none;} + +div.et2_toolbar_more h.ui-accordion-header.header_list-short span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { + background-image: url(../../../pixelegg/images/dots.svg); + background-size: 20px; + height: 30px; + width: 20px; + margin-top: 0px; +} + +div.et2_toolbar_more h.ui-accordion-header.header_list-short { + padding: 0px !important; + width: 40px; + height: 30px; + margin-top: 0px; +} .et2_toolbar .et2_toolbar_more h .toolbar-admin-pref { background-image: url(../../../pixelegg/images/setup.svg); background-repeat: no-repeat;