MOBILE-3915 style: Improve radius vars

main
Pau Ferrer Ocaña 2022-01-28 11:34:03 +01:00
parent 8d59e03b9d
commit 27729cbf26
2 changed files with 20 additions and 14 deletions

View File

@ -382,17 +382,21 @@ ion-alert.core-nohead {
}
}
ion-alert .alert-wrapper {
overflow: auto;
}
ion-alert {
--border-radius: var(--huge-radius);
.alert-wrapper {
overflow: auto;
border-radius: var(--border-radius) !important;
ion-alert .alert-message {
user-select: text;
flex-shrink: 0;
}
button.alert-button {
color: var(--primary);
}
}
ion-alert .alert-wrapper button.alert-button {
color: var(--primary);
.alert-message {
user-select: text;
flex-shrink: 0;
}
}
// Ionic list.
@ -844,7 +848,7 @@ ion-select-popover ion-item.core-select-option-title {
ion-chip {
line-height: 1.1;
border-radius: var(--big-radius);
border-radius: var(--medium-radius);
@include padding-horizontal(16px);
}

View File

@ -105,7 +105,9 @@
--subdued-text-color: #595959;
--small-radius: 4px;
--big-radius: 8px;
--medium-radius: 8px;
--big-radius: 16px;
--huge-radius: 24px;
--ion-card-color: var(--text-color);
ion-card {
@ -113,7 +115,7 @@
--border-style: solid;
--border-color: var(--stroke);
--box-shadow: none;
--border-radius: var(--big-radius);
--border-radius: var(--medium-radius);
}
--text-hightlight-background-color: #{$core-text-hightlight-background-color};
@ -181,7 +183,7 @@
height: var(--a11y-min-target-size);
border: 1px solid var(--stroke);
box-shadow: none;
border-radius: var(--big-radius);
border-radius: var(--medium-radius);
}
}
@ -282,7 +284,7 @@
--core-combobox-color: var(--gray-900);
--core-combobox-border-color: var(--stroke);
--core-combobox-border-width: 1px;
--core-combobox-radius: var(--big-radius);
--core-combobox-radius: var(--medium-radius);
--core-combobox-box-shadow: none;
--selected-item-color: var(--primary);