forked from CIT/Vmeda.Online
79 lines
1.9 KiB
SCSS
79 lines
1.9 KiB
SCSS
// Select.
|
|
ion-select {
|
|
&::part(text) {
|
|
white-space: normal;
|
|
}
|
|
&::part(icon) {
|
|
opacity: 1;
|
|
}
|
|
&.select-disabled {
|
|
opacity: var(--mdl-input-disabled-opacity);
|
|
}
|
|
}
|
|
|
|
ion-select-popover {
|
|
ion-list ion-radio-group ion-item.select-interface-option ion-radio.hydrated::part(container) {
|
|
opacity: 1;
|
|
}
|
|
|
|
ion-item {
|
|
font-size: var(--text-size);
|
|
}
|
|
ion-item.core-select-option-border-bottom {
|
|
border-bottom: 1px solid var(--stroke);
|
|
}
|
|
|
|
ion-item.core-select-option-title {
|
|
cursor: pointer;
|
|
ion-radio::part(container) {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
.select-alert.ios {
|
|
.alert-checkbox-icon {
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.alert-radio-icon {
|
|
height: var(--size);
|
|
width: var(--size);
|
|
min-width: var(--size);
|
|
border-radius: var(--border-radius);
|
|
border-width: var(--outer-border-width);
|
|
border-style: var(--border-style);
|
|
border-color: var(--color);
|
|
@include margin(10px, 8px, 10px, 8px);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.alert-radio-inner {
|
|
top: auto;
|
|
left: auto;
|
|
position: static;
|
|
border-radius: 50%;
|
|
width: calc(50% + var(--outer-border-width));
|
|
height: calc(50% + var(--outer-border-width));
|
|
transform: scale3d(0, 0, 0);
|
|
transition: transform 280ms cubic-bezier(.4, 0, .2, 1);
|
|
background: var(--contrast-background);
|
|
border: 0 !important;
|
|
}
|
|
}
|
|
|
|
button[aria-checked=true] .alert-radio-icon {
|
|
border-color: var(--color-checked);
|
|
background: var(--color-checked);
|
|
|
|
.alert-radio-inner {
|
|
transform: scale3d(1, 1, 1);
|
|
}
|
|
}
|
|
}
|
|
|
|
select[disabled] {
|
|
opacity: var(--mdl-input-disabled-opacity);
|
|
}
|