diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index a43f17da92..b581c46ae7 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -5456,6 +5456,7 @@ span.overlayContainer img.overlay { } #egw_fw_topmenu_info_items #topmenu_info_quick_add { position: relative; + /* do NOT show empty label */ } #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { float: right; @@ -5474,54 +5475,6 @@ span.overlayContainer img.overlay { line-height: 0.6em; background-color: white; } -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { - z-index: 1000; - position: absolute; - right: -54px !important; - top: 47px; - min-width: 160px !important; - width: 160px !important; - background: #FFFFFF; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before { - content: ''; - position: absolute; - bottom: 51%; - left: 42%; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:after { - content: ''; - position: absolute; - bottom: 50%; - left: 42%; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-single span { - display: none; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container a.chzn-single.chzn-default { - border: 1px solid #bfc0bf; - border-radius: 0px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-drop { - border-radius: 0px; - margin-top: -2px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results { - max-height: none; -} #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox { height: 0px; float: left; @@ -5536,6 +5489,9 @@ span.overlayContainer img.overlay { #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(menu) { max-height: 60vh; } +#egw_fw_topmenu_info_items #topmenu_info_quick_add et2-select#quick_add_selectbox sl-menu-item[value=""] { + display: none; +} #egw_fw_topmenu_info_items img#topmenu_info_error { width: 16px; height: 16px; diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index 11e5246c89..079ca13d70 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -37,8 +37,8 @@ */ @media (prefers-color-scheme: dark) { html[data-darkmode='2'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(1); } html[data-darkmode='2'] #loginMainDiv { filter: invert(1) hue-rotate(180deg) !important; @@ -51,44 +51,39 @@ * DARK THEME */ @media all { - html[data-darkmode='1'] { - background: #000; - filter: invert(1) hue-rotate(180deg) brightness(1); - } - - html[data-darkmode='1'] sl-menu-item::part(prefix), - html[data-darkmode='1'] et2-select-country::part(prefix), - html[data-darkmode='1'] et2-email-tag::part(prefix), - html[data-darkmode='1'] et2-button::part(prefix), - html[data-darkmode='1'] *::part(image), - html[data-darkmode='1'] img, - html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), - html[data-darkmode='1'] #blueimp-gallery ol, - html[data-darkmode='1'] iframe, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, - html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content, - html[data-darkmode='1'] video, - html[data-darkmode='1'] #loginMainDiv, - html[data-darkmode='1'] .et2_taglist_tags_icon { - filter: invert(1) hue-rotate(180deg) !important; - } - - html[data-darkmode='1'] .dtree img { - filter: invert(0) hue-rotate(180deg) !important; - } - - html[data-darkmode='1'] #blueimp-gallery video, - html[data-darkmode='1'] #blueimp-gallery .video-content { - filter: invert(0) hue-rotate(180deg) !important; - } - - html[data-darkmode='1'] #loginMainDiv div#centerBox { - filter: invert(1) hue-rotate(180deg) !important; - } - - html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, - html[data-darkmode='1'] .egw_tooltip, - html[data-darkmode='1'] body .egw_message_wrapper, + html[data-darkmode='1'] { + background: #000; + filter: invert(1) hue-rotate(180deg) brightness(1); + } + html[data-darkmode='1'] sl-menu-item::part(prefix), + html[data-darkmode='1'] et2-select-country::part(prefix), + html[data-darkmode='1'] et2-email-tag::part(prefix), + html[data-darkmode='1'] et2-button::part(prefix), + html[data-darkmode='1'] *::part(image), + html[data-darkmode='1'] img, + html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen), + html[data-darkmode='1'] #blueimp-gallery ol, + html[data-darkmode='1'] iframe, + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active, + html[data-darkmode='1'] #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_content, + html[data-darkmode='1'] video, + html[data-darkmode='1'] #loginMainDiv, + html[data-darkmode='1'] .et2_taglist_tags_icon { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] .dtree img { + filter: invert(0) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] #blueimp-gallery video, + html[data-darkmode='1'] #blueimp-gallery .video-content { + filter: invert(0) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] #loginMainDiv div#centerBox { + filter: invert(1) hue-rotate(180deg) !important; + } + html[data-darkmode='1'] div.dhtmlxMenu_egw_SubLevelArea_Polygon, + html[data-darkmode='1'] .egw_tooltip, + html[data-darkmode='1'] body .egw_message_wrapper, html[data-darkmode='1'] #egw_fw_header #egw_fw_topmenu, html[data-darkmode='1'] .ui-dialog, html[data-darkmode='1'] .box_shadow, @@ -709,7 +704,7 @@ width: 50% !important; } .nextmatch_header > .filters > select > option { - font-size: 12px; + font-size: 12px; } .nextmatch_header > .filters input { margin-right: 2ex; @@ -903,21 +898,21 @@ padding: 2px 1px; } .sidebox-favorites ul.favorites li.ui-menu-item a div.ui-icon-heart { - background-image: url(../../api/templates/default/images/favorites.svg); - background-size: 12px 12px; - background-position: 1px 0; - margin-right: 9px; - margin-left: 3px; + background-image: url(../../api/templates/default/images/favorites.svg); + background-size: 12px 12px; + background-position: 1px 0; + margin-right: 9px; + margin-left: 3px; } .sidebox-favorites ul.favorites li.ui-menu-item a div.sideboxstar { - width: 4px; - height: 12px; - margin-left: 4px; - margin-right: 10px; - background-image: url(../../api/templates/default/images/fav_filter.svg); - background-size: 12px 12px; - background-position: 0 0; - background-repeat: no-repeat; + width: 4px; + height: 12px; + margin-left: 4px; + margin-right: 10px; + background-image: url(../../api/templates/default/images/fav_filter.svg); + background-size: 12px 12px; + background-position: 0 0; + background-repeat: no-repeat; } .sidebox-favorites ul.favorites li.ui-menu-item img { width: 12px; @@ -1157,8 +1152,8 @@ option:checked { /* Component containers ----------------------------------*/ .ui-widget { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1.1em; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; @@ -1167,8 +1162,8 @@ option:checked { .ui-widget select, .ui-widget textarea, .ui-widget button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 12px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 12px; } .ui-widget-content { /*.bordered (@color-hint,@color-hint,@color-hint,@color-hint);*/ @@ -1798,17 +1793,17 @@ html { height: 99.9% !important; } body { - background-image: none; - background-color: #ffffff; - color: #000000; - margin: 0px !important; - padding: 0px !important; - width: 99.9%; - height: 99.9% !important; - font-size: 12px; - line-height: 1.28; - font-weight: normal; - overflow: hidden; + background-image: none; + background-color: #ffffff; + color: #000000; + margin: 0px !important; + padding: 0px !important; + width: 99.9%; + height: 99.9% !important; + font-size: 12px; + line-height: 1.28; + font-weight: normal; + overflow: hidden; } /** * EGroupware: Stylite Pixelegg template @@ -2208,18 +2203,18 @@ div#loginMainDiv.stockLoginBackground div#centerBox form { } #loginMainDiv div#centerBox form table.divLoginbox input[type="submit"], #loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit { - background-color: #4177A2; - color: #ffffff; - font-size: 22px; - padding-left: 0; - width: 250px; - margin-top: 15px; + background-color: #4177A2; + color: #ffffff; + font-size: 22px; + padding-left: 0; + width: 250px; + margin-top: 15px; } #loginMainDiv div#centerBox form table.divLoginbox select.onChangeSubmit { padding-left: 25px; } #loginMainDiv div#centerBox form table.divLoginbox .registration { - font-size: 12px; + font-size: 12px; } #loginMainDiv div#centerBox form table.divLoginbox .registration a:not(:first-child):before { padding-left: 5px; @@ -2951,16 +2946,16 @@ div.client_error_log tr td.stack > div { body, textarea, button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } #egw_fw_basecontainer { - position: fixed; - width: 100%; - height: 100%; - padding: 0px; - margin: 0px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - background-color: #ffffff; + position: fixed; + width: 100%; + height: 100%; + padding: 0px; + margin: 0px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + background-color: #ffffff; } input { /* .Complete_Button_input; @@ -3147,32 +3142,26 @@ table.table_passord_change td:first-child { */ div.dhtmlxMenu_egw_SubLevelArea_Polygon { background: white; - border: 1px solid transparent; - border-radius: 2px; + border: 1px solid transparent; + border-radius: 2px; } - div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item td.sub_item_hk div.sub_item_hk { - color: #373f3f; + color: #373f3f; } - div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { - background-color: hsl(200, 98%, 39%) !important; - background-image: none !important; + background-color: hsl(200, 98%, 39%) !important; + background-image: none !important; } - div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_icon img.sub_icon { - filter: invert(1) brightness(5); + filter: invert(1) brightness(5); } - div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.sub_item_text, div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td.sub_item_hk div.sub_item_hk { - color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); } - div.dhtmlxMenu_egw_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_sep { - border-top: 1px solid #E6E6E6; + border-top: 1px solid #E6E6E6; } - /** * EGroupware: Stylite Pixelegg template * @@ -3268,8 +3257,8 @@ table.dialog-main-view { /*** dialogHeader on a box not table ***/ /********** Header Part ********************/ .dialogHeader { - color: #000000; - border-bottom: 2px solid #696969; + color: #000000; + border-bottom: 2px solid #696969; } .dialogHeader input[type="radio"], .dialogHeader input.et2_radiobox { @@ -3441,9 +3430,9 @@ div#etemplate\.tab_widget { /*# button | button | button delete #*/ /*##############################################*/ .dialogFooterToolbar { - background-color: transparent; - border-top: 2px solid #696969; - /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ + background-color: transparent; + border-top: 2px solid #696969; + /*.et2_selectbox {height: 32px; top: 0px; font-size: 1em;}*/ } .dialogFooterToolbar td { padding: 5px 5px 0px 0px; @@ -4023,6 +4012,7 @@ div#egwpopup_message { } .egw_fw_ui_app_header_container { height: auto; + display: none; } .egw_fw_ui_app_header_container .egw_fw_ui_app_header { padding: 1px 0 0 0; @@ -4225,15 +4215,15 @@ span.overlayContainer img.overlay { display: inline; } #egw_fw_header #egw_fw_topmenu { - position: absolute; - display: none; - right: 5px; - width: 241px; - z-index: 1001; - top: 46px; - background: white; - box-shadow: 0 2px 8px hsla(240, 3.8%, 46.1%, 0.12); - border: 1px solid hsl(240, 6%, 90%); + position: absolute; + display: none; + right: 5px; + width: 241px; + z-index: 1001; + top: 46px; + background: white; + box-shadow: 0 2px 8px hsla(240, 3.8%, 46.1%, 0.12); + border: 1px solid hsl(240, 6%, 90%); } #egw_fw_header #egw_fw_topmenu a.powered_by { width: calc(100% - 20px); @@ -4320,51 +4310,43 @@ span.overlayContainer img.overlay { /*category*/ /*password*/ /*help*/ - /*Search*/ - /*logout*/ - /*print*/ + /*Search*/ + /*logout*/ + /*print*/ } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li { - color: #FFFFFF; - padding: 8px 10px; - border-top: #E6E6E6; + color: #FFFFFF; + padding: 8px 10px; + border-top: #E6E6E6; } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover { - background: hsl(200, 98%, 39%); - color: hsl(0, 0%, 100%); + background: hsl(200, 98%, 39%); + color: hsl(0, 0%, 100%); } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:hover a { - filter: invert(1) brightness(5); + filter: invert(1) brightness(5); } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a { - color: #000000; - text-decoration: none; - padding-left: 26px; - line-height: 1.9em; - display: inline-block; - width: 100%; + color: #000000; + text-decoration: none; + padding-left: 26px; + line-height: 1.9em; + display: inline-block; + width: 100%; } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover { text-decoration: none !important; } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li:first-child :before { - border: none; + border: none; } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a { - background-size: 20px; + background-size: 20px; } - #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home { - margin-left: 0px; - background-image: url(../../api/templates/default/images/topmenu_items/home.svg); - background-repeat: no-repeat; + margin-left: 0px; + background-image: url(../../api/templates/default/images/topmenu_items/home.svg); + background-repeat: no-repeat; } #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { margin-left: 0px; @@ -4568,10 +4550,10 @@ span.overlayContainer img.overlay { top: 8px; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { - font-size: 12px; - line-height: 1em; - margin: 0 15px 2px 2px; - vertical-align: super; + font-size: 12px; + line-height: 1em; + margin: 0 15px 2px 2px; + vertical-align: super; } #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon { display: inline-block; @@ -4694,13 +4676,13 @@ span.overlayContainer img.overlay { box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header h1 { - margin: 0 0 10px 0; - padding-top: 0.4em; - padding-left: 3em; - color: #999999; - /*font-size: 12px;*/ - font-size: 13px; - line-height: 17px; + margin: 0 0 10px 0; + padding-top: 0.4em; + padding-left: 3em; + color: #999999; + /*font-size: 12px;*/ + font-size: 13px; + line-height: 17px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header object { background-color: #FFFFFF; @@ -4816,15 +4798,15 @@ span.overlayContainer img.overlay { } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h1, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { - margin: 5px 0px 3px 5px; - padding: 0px 0px 0px 24px; - line-height: 1em; - font-size: 13px; - font-weight: normal; - background-image: url(../../api/templates/default/images/arrow_right.svg); - background-repeat: no-repeat; - background-position: left center; - background-size: 12px; + margin: 5px 0px 3px 5px; + padding: 0px 0px 0px 24px; + line-height: 1em; + font-size: 13px; + font-weight: normal; + background-image: url(../../api/templates/default/images/arrow_right.svg); + background-repeat: no-repeat; + background-position: left center; + background-size: 12px; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { padding-bottom: 2px; @@ -5081,12 +5063,12 @@ span.overlayContainer img.overlay { background-color: rgba(153, 204, 255, 0.4); } .egw_fw_ui_sidemenu_listitem img.egw_fw_ui_sidemenu_listitem_icon { - /*display: none;*/ - width: 12px; - height: 12px; - padding: 0px; - margin: 0px 5px; - float: left; + /*display: none;*/ + width: 12px; + height: 12px; + padding: 0px; + margin: 0px 5px; + float: left; } .egw_fw_ui_sidemenu_listitem input { height: 16px; @@ -5286,70 +5268,60 @@ span.overlayContainer img.overlay { /* Opera and prob css3 final iteration */ } #egw_fw_topmenu_info_items .topmenu_info_item { - height: 45px; - width: 45px; - border-left: 1px solid #bfc0bf; - display: inline-block; - padding-left: 0px; - float: right; - background-size: 20px; - background-position: center center; - background-repeat: no-repeat; - cursor: pointer; + height: 45px; + width: 45px; + border-left: 1px solid #bfc0bf; + display: inline-block; + padding-left: 0px; + float: right; + background-size: 20px; + background-position: center center; + background-repeat: no-repeat; + cursor: pointer; } - #egw_fw_topmenu_info_items .topmenu_info_item:hover { - background-color: rgba(153, 204, 255, 0.4); + background-color: rgba(153, 204, 255, 0.4); } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.fw_avatar_stat { - position: absolute; + position: absolute; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.stat1 { - width: 14px; - height: 14px; - position: absolute; - right: 30px; - bottom: 0px; - border-radius: 50%; - z-index: 100000; - background-size: 14px; - background-repeat: no-repeat; - color: #2d2b2b; - font-weight: bold; - text-align: center; - font-size: 10px; - line-height: 14px; - border: 2px solid #fbfbfb; + width: 14px; + height: 14px; + position: absolute; + right: 30px; + bottom: 0px; + border-radius: 50%; + z-index: 100000; + background-size: 14px; + background-repeat: no-repeat; + color: #2d2b2b; + font-weight: bold; + text-align: center; + font-size: 10px; + line-height: 14px; + border: 2px solid #fbfbfb; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.online { - background-color: #2de0a5; + background-color: #2de0a5; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.offline { - background-color: #cbced1; + background-color: #cbced1; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.away { - background-color: #ffd21f; + background-color: #ffd21f; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.busy { - background-color: #f5455c; + background-color: #f5455c; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.noconnection { - background-color: #E1E16D; + background-color: #E1E16D; } - #egw_fw_topmenu_info_items #topmenu_info_user_avatar span.noconnection:before { - content: "!"; + content: "!"; } - #egw_fw_topmenu_info_items #topmenu_info_logout { - background-image: url(../../api/templates/default/images/logout.svg); + background-image: url(../../api/templates/default/images/logout.svg); } #egw_fw_topmenu_info_items #topmenu_info_logout a { width: 45px; @@ -5464,6 +5436,7 @@ span.overlayContainer img.overlay { } #egw_fw_topmenu_info_items #topmenu_info_quick_add { position: relative; + /* do NOT show empty label */ } #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { float: right; @@ -5482,54 +5455,6 @@ span.overlayContainer img.overlay { line-height: 0.6em; background-color: white; } -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { - z-index: 1000; - position: absolute; - right: -54px !important; - top: 47px; - min-width: 160px !important; - width: 160px !important; - background: #FFFFFF; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before { - content: ''; - position: absolute; - bottom: 51%; - left: 42%; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:after { - content: ''; - position: absolute; - bottom: 50%; - left: 42%; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-single span { - display: none; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container a.chzn-single.chzn-default { - border: 1px solid #bfc0bf; - border-radius: 0px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-drop { - border-radius: 0px; - margin-top: -2px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results { - max-height: none; -} #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox { height: 0px; float: left; @@ -5541,6 +5466,12 @@ span.overlayContainer img.overlay { #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(form-control) { margin-left: -3em; } +#egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(menu) { + max-height: 60vh; +} +#egw_fw_topmenu_info_items #topmenu_info_quick_add et2-select#quick_add_selectbox sl-menu-item[value=""] { + display: none; +} #egw_fw_topmenu_info_items img#topmenu_info_error { width: 16px; height: 16px; @@ -5691,22 +5622,22 @@ button.image_button { * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ */ .sbHolder { - /*.box_shadow_standard_light;*/ - width: auto; - margin: 5px 0em 5px 0px; - padding: 3px; - outline: none; - display: inline-block; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - cursor: pointer; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1.2em; - font-weight: normal; - height: 30px; - position: relative; - width: 10em; + /*.box_shadow_standard_light;*/ + width: auto; + margin: 5px 0em 5px 0px; + padding: 3px; + outline: none; + display: inline-block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + cursor: pointer; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 1.2em; + font-weight: normal; + height: 30px; + position: relative; + width: 10em; } .sbHolder:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -5904,17 +5835,17 @@ table.egwGridView_outer thead tr th { background-color: #f8f8f8; } table.egwGridView_outer thead tr th:hover { - background-color: #f0f0f0; - color: #ffffff; - /*border-right: 5px solid white;*/ - background-image: url(../../api/templates/default/images/hint-arrow-right.png); - background-position: right bottom; - background-repeat: no-repeat; - background-size: 15px 15px; - -webkit-transition: all 0s ease-out; - -moz-transition: all 0s ease-out; - -o-transition: all 0s ease-out; - transition: all 0s ease-out; + background-color: #f0f0f0; + color: #ffffff; + /*border-right: 5px solid white;*/ + background-image: url(../../api/templates/default/images/hint-arrow-right.png); + background-position: right bottom; + background-repeat: no-repeat; + background-size: 15px 15px; + -webkit-transition: all 0s ease-out; + -moz-transition: all 0s ease-out; + -o-transition: all 0s ease-out; + transition: all 0s ease-out; /*transition-delay: 1s;*/ } table.egwGridView_outer thead tr th:active { diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index 2b9fcdcbfb..a45eaa7864 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -5446,6 +5446,7 @@ span.overlayContainer img.overlay { } #egw_fw_topmenu_info_items #topmenu_info_quick_add { position: relative; + /* do NOT show empty label */ } #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { float: right; @@ -5464,54 +5465,6 @@ span.overlayContainer img.overlay { line-height: 0.6em; background-color: white; } -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { - z-index: 1000; - position: absolute; - right: -54px !important; - top: 47px; - min-width: 160px !important; - width: 160px !important; - background: #FFFFFF; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before { - content: ''; - position: absolute; - bottom: 51%; - left: 42%; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:after { - content: ''; - position: absolute; - bottom: 50%; - left: 42%; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-single span { - display: none; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container a.chzn-single.chzn-default { - border: 1px solid #bfc0bf; - border-radius: 0px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-drop { - border-radius: 0px; - margin-top: -2px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results { - max-height: none; -} #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox { height: 0px; float: left; @@ -5526,6 +5479,9 @@ span.overlayContainer img.overlay { #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(menu) { max-height: 60vh; } +#egw_fw_topmenu_info_items #topmenu_info_quick_add et2-select#quick_add_selectbox sl-menu-item[value=""] { + display: none; +} #egw_fw_topmenu_info_items img#topmenu_info_error { width: 16px; height: 16px; diff --git a/pixelegg/less/layout_raster_buttons.less b/pixelegg/less/layout_raster_buttons.less index b5b7d4883c..10214bf6de 100644 --- a/pixelegg/less/layout_raster_buttons.less +++ b/pixelegg/less/layout_raster_buttons.less @@ -236,52 +236,6 @@ // quick_add selectbox // ADD different APPs - .chzn-container { - z-index: 1000; - position: absolute; - right: -54px !important; - top: 47px; - min-width: 160px !important; - width: 160px !important; - background: @gray_0; - &:before { - content: ''; - position: absolute; - bottom: 51%; - left: 42%; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; - } - &:after { - content: ''; - position: absolute; - bottom: 50%; - left: 42%; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; - } - .chzn-single span {display: none;} - a.chzn-single.chzn-default { - border: 1px solid #bfc0bf; - border-radius: 0px; - } - .chzn-drop { - border-radius: 0px; - margin-top: -2px; - } - .chzn-results { - max-height: none; - } - } #quick_add_selectbox { height: 0px; float: left; @@ -296,6 +250,12 @@ #quick_add_selectbox::part(menu) { max-height: 60vh; } + /* do NOT show empty label */ + et2-select#quick_add_selectbox { + sl-menu-item[value=""] { + display: none; + } + } } // ############################################################################## @@ -351,4 +311,4 @@ div#topmenu_info_update{ .rounded(10px); padding: 5px; } -} +} \ No newline at end of file diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 3043a85cd9..4269262cfb 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -5467,6 +5467,7 @@ span.overlayContainer img.overlay { } #egw_fw_topmenu_info_items #topmenu_info_quick_add { position: relative; + /* do NOT show empty label */ } #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { float: right; @@ -5485,54 +5486,6 @@ span.overlayContainer img.overlay { line-height: 0.6em; background-color: white; } -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { - z-index: 1000; - position: absolute; - right: -54px !important; - top: 47px; - min-width: 160px !important; - width: 160px !important; - background: #FFFFFF; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:before { - content: ''; - position: absolute; - bottom: 51%; - left: 42%; - width: 0; - height: 0px; - border-left: 14px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #aaa; - margin-bottom: 12px; - margin-left: 1px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container:after { - content: ''; - position: absolute; - bottom: 50%; - left: 42%; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-bottom: 12px solid #ffffff; - margin-bottom: 11px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-single span { - display: none; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container a.chzn-single.chzn-default { - border: 1px solid #bfc0bf; - border-radius: 0px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-drop { - border-radius: 0px; - margin-top: -2px; -} -#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results { - max-height: none; -} #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox { height: 0px; float: left; @@ -5547,6 +5500,9 @@ span.overlayContainer img.overlay { #egw_fw_topmenu_info_items #topmenu_info_quick_add #quick_add_selectbox::part(menu) { max-height: 60vh; } +#egw_fw_topmenu_info_items #topmenu_info_quick_add et2-select#quick_add_selectbox sl-menu-item[value=""] { + display: none; +} #egw_fw_topmenu_info_items img#topmenu_info_error { width: 16px; height: 16px;