MOBILE-3320 styles: Improve action sheet title style

main
Pau Ferrer Ocaña 2021-07-01 12:17:26 +02:00
parent 709d8bf43b
commit 1310c712f5
2 changed files with 9 additions and 4 deletions

View File

@ -570,12 +570,12 @@ ion-toolbar h1 .core-bar-button-image img {
// Action sheet.
.md ion-action-sheet {
.action-sheet-group-cancel {
-webkit-filter: drop-shadow(0px 3px 3px rgba(var(--action-sheet-shadow-color)));
filter: drop-shadow(0px 3px 3px rgba(var(--action-sheet-shadow-color)));
-webkit-filter: drop-shadow(0px 3px 6px rgba(var(--drop-shadow)));
filter: drop-shadow(0px 3px 6px rgba(var(--drop-shadow)));
}
.action-sheet-title {
border-bottom: 1px solid var(--title-border-color);
border-bottom: 2px solid var(--title-border-color);
}
}
@ -583,6 +583,10 @@ ion-toolbar h1 .core-bar-button-image img {
.action-sheet-title {
font-size: 16px;
}
.action-sheet-title {
border-bottom: 2px solid var(--title-border-color);
}
}
// Radio.

View File

@ -146,10 +146,11 @@
ion-action-sheet {
--button-color: var(--ion-text-color);
--button-color-selected: var(--ion-text-color);
--title-border-color: var(--gray);
--title-border-color: var(--brand-color);
.action-sheet-title {
--color: var(--ion-text-color);
font-weight: bold;
}
@media (min-height: 500px) {