MOBILE-4470 styles: Fix header button glitches

main
Pau Ferrer Ocaña 2024-05-23 12:42:40 +02:00
parent 4155bc0142
commit 712fe2d934
4 changed files with 1 additions and 4 deletions

View File

@ -33,7 +33,6 @@ body:not(.core-iframe-fullscreen) .collapsible-header-page {
&:not(.collapsible-header-page-is-collapsed) .collapsible-header-collapsed { &:not(.collapsible-header-page-is-collapsed) .collapsible-header-collapsed {
--core-header-toolbar-border-width: 0; --core-header-toolbar-border-width: 0;
--core-header-buttons-background: var(--ion-background-color);
--core-header-buttons-color: var(--text-color); --core-header-buttons-color: var(--text-color);
ion-toolbar { ion-toolbar {
--background: transparent; --background: transparent;

View File

@ -39,7 +39,6 @@ body.core-iframe-fullscreen {
--core-header-toolbar-height: 48px; --core-header-toolbar-height: 48px;
--core-header-toolbar-color: white; --core-header-toolbar-color: white;
--core-header-toolbar-background: black; --core-header-toolbar-background: black;
--core-header-buttons-background: var(--core-header-toolbar-background);
--core-header-buttons-color: var(--core-header-toolbar-color); --core-header-buttons-color: var(--core-header-toolbar-color);
--core-header-toolbar-border-width: 0px; --core-header-toolbar-border-width: 0px;

View File

@ -132,7 +132,6 @@ ion-header.header-md {
--core-header-toolbar-border-width: 0; --core-header-toolbar-border-width: 0;
--core-header-toolbar-background: transparent; --core-header-toolbar-background: transparent;
--core-header-shadow: none !important; --core-header-shadow: none !important;
--core-header-buttons-background: var(--ion-background-color);
--core-header-buttons-color: var(--text-color); --core-header-buttons-color: var(--text-color);
} }
} }

View File

@ -93,7 +93,7 @@ html {
--core-header-toolbar-background: var(--white); --core-header-toolbar-background: var(--white);
--core-header-toolbar-border-color: var(--stroke); --core-header-toolbar-border-color: var(--stroke);
--core-header-toolbar-color: var(--text-color); --core-header-toolbar-color: var(--text-color);
--core-header-buttons-background: var(--core-header-toolbar-background); --core-header-buttons-background: transparent;
--core-header-buttons-color: var(--core-header-toolbar-color); --core-header-buttons-color: var(--core-header-toolbar-color);
--ion-searchbar-background: var(--ion-background-color); --ion-searchbar-background: var(--ion-background-color);