Admin Nasledstvo
130 lines
2.4 KiB
CSS
130 lines
2.4 KiB
CSS
.search-box-container {
|
|
padding: 10px;
|
|
border: 1px solid #cccccc;
|
|
background: #FFFFFF;
|
|
box-shadow: 0 0 10px rgba(0,0,0,0.3);
|
|
position: absolute;
|
|
width: calc(100% - 20px);
|
|
z-index: 100;
|
|
}
|
|
|
|
.search-box-container .input-search {
|
|
width: calc(100% - 15px);
|
|
}
|
|
|
|
.up-position {
|
|
bottom: 40px;
|
|
}
|
|
|
|
.down-position {
|
|
top: auto;
|
|
}
|
|
|
|
.autocomplete-list {
|
|
width: 100%;
|
|
background: #f1f1f1;
|
|
margin-bottom: 5px;
|
|
margin-top: 5px;
|
|
height: 150px;
|
|
display: none;
|
|
padding: 3px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.autocomplete-image-list {
|
|
height: 300px;
|
|
}
|
|
|
|
.autocomplete-value {
|
|
padding: 10px 5px;
|
|
background: #FFFFFF;
|
|
margin: 3px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.autocomplete-value:hover {
|
|
background: var(--base-background-ultra-bright);
|
|
}
|
|
|
|
.visible {
|
|
display: block;
|
|
}
|
|
|
|
.add-button {
|
|
width: 100px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: var(--base-background-dark);
|
|
border: 1px solid var(--base-background);
|
|
text-align: center;
|
|
margin: 3px;
|
|
}
|
|
|
|
.clear-button {
|
|
width: 100px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
color: var(--base-background-dark);
|
|
border: 1px solid var(--base-background);
|
|
text-align: center;
|
|
margin: 3px;
|
|
}
|
|
.add-button:hover, .clear-button:hover {
|
|
background: var(--base-background-ultra-bright-clear);
|
|
}
|
|
|
|
.input-main-search {
|
|
padding: 10px;
|
|
border: 1px solid var(--base-background);
|
|
background: #FFFFFF;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.panel-result-selected {
|
|
justify-content: center;
|
|
padding: 10px;
|
|
border: 1px solid var(--base-background-super-bright);
|
|
background: var(--base-background-ultra-bright-clear);
|
|
}
|
|
.row-result .img-container {
|
|
overflow: hidden; width: 80px; height: 80px; background: #f1f1f1;
|
|
border: 1px solid #cccccc;
|
|
}
|
|
|
|
.object-list .row-result {
|
|
border: 1px solid #cccccc;
|
|
margin-top: 10px;
|
|
background: #FFFFFF;
|
|
position: relative;
|
|
}
|
|
|
|
.remove-object {
|
|
position: absolute;right: 10px;
|
|
top: calc(50% - 15px);
|
|
width: 30px;
|
|
height: 30px;
|
|
background: #f1f1f1;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.remove-object .la {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.remove-object:hover {
|
|
background: #c13939;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.row-result a {
|
|
color: var(--base-background);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.row-result a:hover {
|
|
color: var(--base-background-dark);
|
|
}
|