MOBILE-3915 style: Improve radius vars
parent
8d59e03b9d
commit
27729cbf26
|
@ -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);
|
||||
}
|
||||
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue