Fix tab header was still partially visible during printing

This commit is contained in:
nathan 2023-02-15 10:43:14 -07:00
parent 1901cb9930
commit 62b4724bf8
4 changed files with 59 additions and 29 deletions

View File

@ -88,12 +88,17 @@
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'] #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'] video,
html[data-darkmode='1'] #loginMainDiv, html[data-darkmode='1'] #loginMainDiv,
html[data-darkmode='1'] .et2_taglist_tags_icon { html[data-darkmode='1'] .et2_taglist_tags_icon,
filter: invert(1) hue-rotate(180deg) !important; html[data-darkmode='1'] .fw_avatar_stat,
} html[data-darkmode='1'] et2-lavatar[image=""]::part(base),
html[data-darkmode='1'] .dtree img { html[data-darkmode='1'] et2-avatar-group,
filter: invert(0) hue-rotate(180deg) !important; html[data-darkmode='1'] .blueimp-gallery .slide {
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,
html[data-darkmode='1'] #blueimp-gallery .video-content { html[data-darkmode='1'] #blueimp-gallery .video-content {
filter: invert(0) hue-rotate(180deg) !important; filter: invert(0) hue-rotate(180deg) !important;
@ -4530,7 +4535,6 @@ 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; align-items: baseline;
/*active Tabs*/ /*active Tabs*/
} }
@ -4639,6 +4643,12 @@ span.overlayContainer img.overlay {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
@media screen {
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
display: flex;
}
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 3px; top: 3px;

View File

@ -68,12 +68,17 @@
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'] #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'] video,
html[data-darkmode='1'] #loginMainDiv, html[data-darkmode='1'] #loginMainDiv,
html[data-darkmode='1'] .et2_taglist_tags_icon { html[data-darkmode='1'] .et2_taglist_tags_icon,
filter: invert(1) hue-rotate(180deg) !important; html[data-darkmode='1'] .fw_avatar_stat,
} html[data-darkmode='1'] et2-lavatar[image=""]::part(base),
html[data-darkmode='1'] .dtree img { html[data-darkmode='1'] et2-avatar-group,
filter: invert(0) hue-rotate(180deg) !important; html[data-darkmode='1'] .blueimp-gallery .slide {
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,
html[data-darkmode='1'] #blueimp-gallery .video-content { html[data-darkmode='1'] #blueimp-gallery .video-content {
filter: invert(0) hue-rotate(180deg) !important; filter: invert(0) hue-rotate(180deg) !important;
@ -4510,7 +4515,6 @@ 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; align-items: baseline;
/*active Tabs*/ /*active Tabs*/
} }
@ -4619,6 +4623,12 @@ span.overlayContainer img.overlay {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
@media screen {
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
display: flex;
}
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 3px; top: 3px;

View File

@ -4524,7 +4524,6 @@ 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; align-items: baseline;
/*active Tabs*/ /*active Tabs*/
} }
@ -4633,6 +4632,11 @@ span.overlayContainer img.overlay {
width: 16px; width: 16px;
height: 16px; height: 16px;
} }
@media screen {
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
display: flex;
}
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 3px; top: 3px;

View File

@ -62,7 +62,6 @@
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: transparent; background-color: transparent;
height: 39px; height: 39px;
display: flex;
align-items: baseline; align-items: baseline;
h1 { h1 {
display: inline; display: inline;
@ -161,24 +160,31 @@
top: 2px; top: 2px;
} }
} }
// aktive Bilder
img.egw_fw_ui_tab_icon { // aktive Bilder
padding-top: 3px; img.egw_fw_ui_tab_icon {
display: inline-block; padding-top: 3px;
.dimension_width_height_s; display: inline-block;
} .dimension_width_height_s;
}
} }
} }
// ################# @media screen {
// # close x # .egw_fw_ui_tabs_header {
// # # display: flex;
// ################# }
.egw_fw_ui_tab_close_button { }
right: 3px;
top: 3px; // #################
display: inline-block; // # close x #
.dimension_width_height_xs; // # #
// #################
.egw_fw_ui_tab_close_button {
right: 3px;
top: 3px;
display: inline-block;
.dimension_width_height_xs;
margin-left: 0px; margin-left: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;