EVOgeek/Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3814 style: Add background color to buttons on toolbar

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2022-03-09 11:11:28 +01:00
parent a1d4eeb95a
commit f7954dc993
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/theme/components/collapsible-header.scss
View File

@ -24,7 +24,9 @@
&:not(.is-collapsed) .collapsible-header-collapsed { &:not(.is-collapsed) .collapsible-header-collapsed {
--core-header-toolbar-border-width: 0; --core-header-toolbar-border-width: 0;
--core-header-toolbar-background: transparent; ion-toolbar {
--background: transparent;
}
h1 { h1 {
opacity: 0; opacity: 0;

3
src/theme/theme.base.scss
View File

@ -161,6 +161,7 @@ ion-header {
ion-back-button, ion-back-button,
.in-toolbar.button-clear { .in-toolbar.button-clear {
--color: var(--core-header-toolbar-color); --color: var(--core-header-toolbar-color);
--background: var(--core-header-toolbar-background);
--ion-toolbar-color: var(--core-header-toolbar-color); --ion-toolbar-color: var(--core-header-toolbar-color);
--border-radius: var(--huge-radius); --border-radius: var(--huge-radius);
} }
@ -170,7 +171,7 @@ ion-header {
.button.button-clear, .button.button-clear,
.button.button-solid { .button.button-solid {
--background: transparent; --background: var(--core-header-toolbar-background);
--color: var(--core-header-toolbar-color); --color: var(--core-header-toolbar-color);
--primary: var(--core-header-toolbar-color); --primary: var(--core-header-toolbar-color);
} }