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'] 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'] .et2_taglist_tags_icon,
html[data-darkmode='1'] .fw_avatar_stat,
html[data-darkmode='1'] et2-lavatar[image=""]::part(base),
html[data-darkmode='1'] et2-avatar-group,
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-content {
filter: invert(0) hue-rotate(180deg) !important;
@ -4530,7 +4535,6 @@ span.overlayContainer img.overlay {
background-repeat: repeat-x;
background-color: transparent;
height: 39px;
display: flex;
align-items: baseline;
/*active Tabs*/
}
@ -4639,6 +4643,12 @@ span.overlayContainer img.overlay {
width: 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 {
right: 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'] 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'] .et2_taglist_tags_icon,
html[data-darkmode='1'] .fw_avatar_stat,
html[data-darkmode='1'] et2-lavatar[image=""]::part(base),
html[data-darkmode='1'] et2-avatar-group,
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-content {
filter: invert(0) hue-rotate(180deg) !important;
@ -4510,7 +4515,6 @@ span.overlayContainer img.overlay {
background-repeat: repeat-x;
background-color: transparent;
height: 39px;
display: flex;
align-items: baseline;
/*active Tabs*/
}
@ -4619,6 +4623,12 @@ span.overlayContainer img.overlay {
width: 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 {
right: 3px;
top: 3px;

View File

@ -4524,7 +4524,6 @@ span.overlayContainer img.overlay {
background-repeat: repeat-x;
background-color: transparent;
height: 39px;
display: flex;
align-items: baseline;
/*active Tabs*/
}
@ -4633,6 +4632,11 @@ span.overlayContainer img.overlay {
width: 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 {
right: 3px;
top: 3px;

View File

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