MOBILE-3320 styles: Improve action sheet title style
parent
709d8bf43b
commit
1310c712f5
|
@ -570,12 +570,12 @@ ion-toolbar h1 .core-bar-button-image img {
|
||||||
// Action sheet.
|
// Action sheet.
|
||||||
.md ion-action-sheet {
|
.md ion-action-sheet {
|
||||||
.action-sheet-group-cancel {
|
.action-sheet-group-cancel {
|
||||||
-webkit-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 3px rgba(var(--action-sheet-shadow-color)));
|
filter: drop-shadow(0px 3px 6px rgba(var(--drop-shadow)));
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-sheet-title {
|
.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 {
|
.action-sheet-title {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.action-sheet-title {
|
||||||
|
border-bottom: 2px solid var(--title-border-color);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Radio.
|
// Radio.
|
||||||
|
|
|
@ -146,10 +146,11 @@
|
||||||
ion-action-sheet {
|
ion-action-sheet {
|
||||||
--button-color: var(--ion-text-color);
|
--button-color: var(--ion-text-color);
|
||||||
--button-color-selected: 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 {
|
.action-sheet-title {
|
||||||
--color: var(--ion-text-color);
|
--color: var(--ion-text-color);
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-height: 500px) {
|
@media (min-height: 500px) {
|
||||||
|
|
Loading…
Reference in New Issue