90 lines
2.0 KiB
CSS
90 lines
2.0 KiB
CSS
.token-input-list-backend {
|
|
border: 1px solid #ddd;
|
|
padding-top: 3px;
|
|
padding-left: 3px;
|
|
overflow: auto;
|
|
box-sizing: border-box;
|
|
-webkit-box-sizing:border-box;
|
|
-moz-box-sizing: border-box;
|
|
-ms-box-sizing: border-box;
|
|
}
|
|
|
|
|
|
.token-input-token-backend p {
|
|
display: inline;
|
|
}
|
|
|
|
.token-input-token-backend {
|
|
border: 1px solid #ddd;
|
|
padding: 7px 9px;
|
|
background: #eee;
|
|
}
|
|
|
|
.token-input-delete-token-backend {
|
|
color: #666;
|
|
cursor: pointer;
|
|
line-height: 8px;
|
|
margin-left: 5px;
|
|
padding: 3px;
|
|
display: block;
|
|
}
|
|
|
|
.token-input-delete-token-backend:hover,
|
|
.token-input-selected-token-backend .token-input-delete-token-backend {
|
|
background-color: #D92929;
|
|
}
|
|
|
|
.token-input-delete-token-backend:hover .svg-icon,
|
|
.token-input-selected-token-backend .token-input-delete-token-backend .svg-icon {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.token-input-token-backend, .token-input-input-token-backend {
|
|
margin-right: 3px;
|
|
margin-bottom: 3px;
|
|
float: left;
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
min-height: 20px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.token-input-input-token-backend > input {
|
|
min-width: 100px;
|
|
max-width: 400px;
|
|
border-color: transparent;
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
.token-input-input-token-backend > input:focus {
|
|
border-color: inherit;
|
|
}
|
|
|
|
div.token-input-dropdown-backend {
|
|
padding: 3px;
|
|
border: none;
|
|
background-color: #fff;
|
|
min-width: 150px;
|
|
box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
|
|
margin-bottom: 10px;
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
div.token-input-dropdown-backend ul li {
|
|
padding: 5px 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
div.token-input-dropdown-backend > p {
|
|
padding: 3px 5px;
|
|
}
|
|
|
|
|
|
div.token-input-dropdown-backend ul li.token-input-selected-dropdown-item-backend {
|
|
background-color: #3875d7;
|
|
/* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); */
|
|
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
|
|
color: #fff;
|
|
} |