extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-25 04:11:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Make tab headers flexible on hover to be able to see their full titles

Browse Source
This commit is contained in:
Hadi Nategh 2022-09-28 10:06:40 +02:00
parent ffd6c21ed4
commit d76bbd1483
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
pixelegg/css/pixelegg.css
View File

@ -4499,6 +4499,8 @@ span.overlayContainer img.overlay {
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: transparent; background-color: transparent;
height: 39px; height: 39px;
display: flex;
align-items: baseline;
/*active Tabs*/ /*active Tabs*/
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header h1 {
@ -4550,8 +4552,11 @@ span.overlayContainer img.overlay {
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
background-color: rgba(153, 204, 255, 0.4); background-color: rgba(153, 204, 255, 0.4);
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 8px; padding-top: 7px;
transition: none; transition: none;
width: -webkit-fill-available;
width: -moz-available;
max-width: fit-content !important;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button {
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../api/templates/default/images/close.svg);

8
pixelegg/less/layout_raster_main.less
View File

@ -62,6 +62,8 @@
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: transparent; background-color: transparent;
height: 39px; height: 39px;
display: flex;
align-items: baseline;
h1 { h1 {
display: inline; display: inline;
width: 100%; width: 100%;
@ -109,9 +111,11 @@
&:hover { &:hover {
background-color: @color_hover_row; background-color: @color_hover_row;
padding-bottom: 0px; padding-bottom: 0px;
padding-top: 8px; padding-top: 7px;
transition: none; transition: none;
width: -webkit-fill-available;
width: -moz-available;
max-width: fit-content !important;
.egw_fw_ui_tab_close_button { .egw_fw_ui_tab_close_button {
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../api/templates/default/images/close.svg);
} }