Fix broken close button on tab's headers

This commit is contained in:
Hadi Nategh 2022-10-21 10:34:45 +02:00
parent e2b833de67
commit 30fc8c3dd3
2 changed files with 13 additions and 11 deletions

View File

@ -4558,12 +4558,10 @@ span.overlayContainer img.overlay {
width: -moz-available; width: -moz-available;
max-width: fit-content !important; max-width: fit-content !important;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .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 {
top: 0px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../api/templates/default/images/close.svg);
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button {
top: 8px;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 12px; font-size: 12px;
line-height: 1em; line-height: 1em;
@ -4601,6 +4599,9 @@ span.overlayContainer img.overlay {
background-color: #ffffff; background-color: #ffffff;
padding-top: 0px; padding-top: 0px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active:hover .egw_fw_ui_tab_close_button {
top: 2px;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
padding-top: 3px; padding-top: 3px;
display: inline-block; display: inline-block;

View File

@ -116,17 +116,15 @@
width: -webkit-fill-available; width: -webkit-fill-available;
width: -moz-available; width: -moz-available;
max-width: fit-content !important; max-width: fit-content !important;
}
&:hover
{
.egw_fw_ui_tab_close_button { .egw_fw_ui_tab_close_button {
top: 0px;
background-image: url(../../api/templates/default/images/close.svg); background-image: url(../../api/templates/default/images/close.svg);
} }
} }
&:hover:not(.egw_fw_ui_tab_header_active)
{
.egw_fw_ui_tab_close_button {
top: 8px;
}
}
// APP Name // APP Name
h1 { h1 {
.fontsize_m; .fontsize_m;
@ -159,6 +157,9 @@
&:hover { &:hover {
.background_color_0_gray; .background_color_0_gray;
padding-top: 0px; padding-top: 0px;
.egw_fw_ui_tab_close_button {
top: 2px;
}
} }
// aktive Bilder // aktive Bilder
img.egw_fw_ui_tab_icon { img.egw_fw_ui_tab_icon {