ionic hader toolbar transparent

Solutions on MaxInterview for ionic hader toolbar transparent by the best coders in the world

showing results for - "ionic hader toolbar transparent"
Alice
21 Jan 2020
1// use this css
2
3/* Transparent standard */
4ion-toolbar {
5    --background: transparent;
6    --ion-color-base: transparent !important;
7}
8
9/* Show background if class is active */
10.show-background {
11    border-style: none;
12    background: var(--ion-color-primary);
13}
14
15/* Remove bottom border on md */
16.header-md::after {
17    background-image: none;
18}
19
20/* Remove bottom border on ios */
21.header-ios ion-toolbar:last-child {
22    --border-width: 0;
23}