EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/theme/theme.base.scss
View File

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

10
src/theme/theme.light.scss
View File

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