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;
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);
}
#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 {
font-size: 12px;
line-height: 1em;
@ -4601,6 +4599,9 @@ span.overlayContainer img.overlay {
background-color: #ffffff;
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 {
padding-top: 3px;
display: inline-block;

View File

@ -116,17 +116,15 @@
width: -webkit-fill-available;
width: -moz-available;
max-width: fit-content !important;
}
&:hover
{
.egw_fw_ui_tab_close_button {
top: 0px;
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
h1 {
.fontsize_m;
@ -159,6 +157,9 @@
&:hover {
.background_color_0_gray;
padding-top: 0px;
.egw_fw_ui_tab_close_button {
top: 2px;
}
}
// aktive Bilder
img.egw_fw_ui_tab_icon {