75 lines
1.1 KiB
SCSS
75 lines
1.1 KiB
SCSS
.input-val {
|
|
border: 0px;
|
|
background: transparent;
|
|
border-bottom: 1px solid #999999;
|
|
}
|
|
|
|
input {
|
|
width: 100%;
|
|
outline: none;
|
|
|
|
&::-webkit-calendar-picker-indicator {
|
|
margin-top: -5px;
|
|
}
|
|
}
|
|
|
|
::ng-deep {
|
|
body[cds-theme="dark"] {
|
|
.datalist {
|
|
background: #21333b;
|
|
border: 1px solid #575757;
|
|
}
|
|
|
|
input {
|
|
color: #fff;
|
|
}
|
|
|
|
.datalist option {
|
|
color: #fff
|
|
}
|
|
}
|
|
|
|
body[cds-theme="light"] {
|
|
.datalist {
|
|
background: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.autocomplete-wrapper {
|
|
.overlay {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1500;
|
|
}
|
|
|
|
.datalist {
|
|
position: fixed;
|
|
box-shadow: 0px 3px 10px -1px #0000002b;
|
|
overflow: auto;
|
|
z-index: 2000;
|
|
|
|
::ng-deep {
|
|
option {
|
|
padding: 5px 10px;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
background: #0000000f;
|
|
}
|
|
|
|
&.focused {
|
|
background: #0000000f;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.load-more {
|
|
text-align: center;
|
|
border-top: 1px solid #e6e6e6;
|
|
}
|
|
} |