extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-10-05 01:22:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Et2Select: Re-color dropdown icon in darkmode

Browse Source
This commit is contained in:
nathan 2023-04-05 11:30:36 -06:00
parent a0b81c3cc3
commit aa89bf82af
6 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
api/js/etemplate/Et2Select/Et2Select.ts
View File

@ -279,6 +279,9 @@ export class Et2Select extends Et2WithSearchMixin(Et2WidgetWithSelect)
{
this.addEventListener("sl-change", this._triggerChange);
this.addEventListener("sl-after-show", this._doResize)
/* A hack to deal with how we do dark mode to avoid re-coloring the dropdown icon */
this.shadowRoot.querySelector(".select__icon").setAttribute("part", "dropdown-icon");
});
}

3
pixelegg/css/mobile.css
View File

@ -82,6 +82,7 @@
html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
html[data-darkmode='1'] et2-select-account::part(icon),
html[data-darkmode='1'] et2-select-email::part(icon),
html[data-darkmode='1'] et2-calendar-owner::part(icon),
html[data-darkmode='1'] sl-menu-item [slot="prefix"],
@ -91,8 +92,6 @@
html[data-darkmode='1'] #loginMainDiv,
html[data-darkmode='1'] .et2_taglist_tags_icon,
html[data-darkmode='1'] .fw_avatar_stat,
html[data-darkmode='1'] et2-tag::part(icon),
html[data-darkmode='1'] et2-email-tag::part(icon),
html[data-darkmode='1'] et2-avatar-group,
html[data-darkmode='1'] .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;

3
pixelegg/css/monochrome.css
View File

@ -62,6 +62,7 @@
html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
html[data-darkmode='1'] et2-select-account::part(icon),
html[data-darkmode='1'] et2-select-email::part(icon),
html[data-darkmode='1'] et2-calendar-owner::part(icon),
html[data-darkmode='1'] sl-menu-item [slot="prefix"],
@ -71,8 +72,6 @@
html[data-darkmode='1'] #loginMainDiv,
html[data-darkmode='1'] .et2_taglist_tags_icon,
html[data-darkmode='1'] .fw_avatar_stat,
html[data-darkmode='1'] et2-tag::part(icon),
html[data-darkmode='1'] et2-email-tag::part(icon),
html[data-darkmode='1'] et2-avatar-group,
html[data-darkmode='1'] .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;

3
pixelegg/css/pixelegg.css
View File

@ -72,6 +72,7 @@
html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
html[data-darkmode='1'] et2-select-account::part(icon),
html[data-darkmode='1'] et2-select-email::part(icon),
html[data-darkmode='1'] et2-calendar-owner::part(icon),
html[data-darkmode='1'] sl-menu-item [slot="prefix"],
@ -81,8 +82,6 @@
html[data-darkmode='1'] #loginMainDiv,
html[data-darkmode='1'] .et2_taglist_tags_icon,
html[data-darkmode='1'] .fw_avatar_stat,
html[data-darkmode='1'] et2-tag::part(icon),
html[data-darkmode='1'] et2-email-tag::part(icon),
html[data-darkmode='1'] et2-avatar-group,
html[data-darkmode='1'] .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;

4
pixelegg/less/darkmode.less
View File

@ -32,9 +32,9 @@
sl-menu-item::part(prefix), et2-select-country::part(prefix),
et2-button::part(prefix), *::part(image), img, #blueimp-gallery:not(:fullscreen), #blueimp-gallery ol,
et2-select-email::part(icon), et2-calendar-owner::part(icon), sl-menu-item [slot="prefix"],
et2-select-account::part(icon), et2-select-email::part(icon), et2-calendar-owner::part(icon), sl-menu-item [slot="prefix"],
iframe, et2-lavatar[image=""]::part(base),
video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-tag::part(icon), et2-email-tag::part(icon), et2-avatar-group,
video, #loginMainDiv, .et2_taglist_tags_icon, .fw_avatar_stat, et2-avatar-group,
.blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;
}

4
pixelegg/mobile/fw_mobile.css
View File

@ -47,6 +47,7 @@
html[data-darkmode='1'] img,
html[data-darkmode='1'] #blueimp-gallery:not(:fullscreen),
html[data-darkmode='1'] #blueimp-gallery ol,
html[data-darkmode='1'] et2-select-account::part(icon),
html[data-darkmode='1'] et2-select-email::part(icon),
html[data-darkmode='1'] et2-calendar-owner::part(icon),
html[data-darkmode='1'] sl-menu-item [slot="prefix"],
@ -56,8 +57,6 @@
html[data-darkmode='1'] #loginMainDiv,
html[data-darkmode='1'] .et2_taglist_tags_icon,
html[data-darkmode='1'] .fw_avatar_stat,
html[data-darkmode='1'] et2-tag::part(icon),
html[data-darkmode='1'] et2-email-tag::part(icon),
html[data-darkmode='1'] et2-avatar-group,
html[data-darkmode='1'] .blueimp-gallery .slide {
filter: invert(1) hue-rotate(180deg) !important;
@ -9467,4 +9466,3 @@ table.egwGridView_grid img.et2_appicon {
border-radius: 0;
}
}
/*# sourceMappingURL=fw_mobile.css.map */