120 lines
No EOL
1.9 KiB
SCSS
120 lines
No EOL
1.9 KiB
SCSS
.search-dialog {
|
|
.modal-dialog {
|
|
width: 650px;
|
|
max-width: 650px;
|
|
}
|
|
|
|
.modal-footer {
|
|
display: none;
|
|
}
|
|
|
|
.layout-side-section {
|
|
padding: 0;
|
|
}
|
|
|
|
.search-header {
|
|
width: 100%;
|
|
|
|
.modal-actions {
|
|
z-index: 4;
|
|
top: 7px;
|
|
}
|
|
|
|
.search-input {
|
|
padding-left: 25px;
|
|
padding-bottom: var(--padding-md);
|
|
background: var(--fg-color);
|
|
border-bottom: 1px solid var(--border-color);
|
|
|
|
&:focus {
|
|
outline: none;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
.search-icon {
|
|
position: absolute;
|
|
top: 15px;
|
|
z-index: 4;
|
|
}
|
|
}
|
|
|
|
.search-results {
|
|
min-height: 200px;
|
|
place-content: center;
|
|
|
|
.empty-state {
|
|
.empty-state-text {
|
|
font-weight: 600;
|
|
color: var(--text-color);
|
|
margin-top: var(--margin-lg);
|
|
font-size: var(--text-xl);
|
|
}
|
|
}
|
|
|
|
.search-sidebar {
|
|
@extend .standard-sidebar;
|
|
position: sticky;
|
|
top: 0;
|
|
max-height: unquote("min(80vh, 650px)");
|
|
overflow-y: auto;
|
|
padding-bottom: var(--padding-md);
|
|
}
|
|
|
|
.results-summary {
|
|
padding-left: var(--padding-sm);
|
|
|
|
.result-section:not(:last-child) {
|
|
padding-bottom: var(--padding-md);
|
|
|
|
.result-body {
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
}
|
|
|
|
.result-title {
|
|
color: var(--text-color);
|
|
font-size: var(--text-lg);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.result-body {
|
|
font-size: var(--text-md);
|
|
padding: var(--padding-sm) 0;
|
|
|
|
.result-text {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.description {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
.result {
|
|
@include flex(flex, null, center, null);
|
|
padding: 8px 0;
|
|
color: var(--gray-800);
|
|
|
|
.result-image {
|
|
margin-right: var(--margin-sm);
|
|
}
|
|
|
|
a {
|
|
color: var(--gray-800);
|
|
}
|
|
|
|
mark {
|
|
display: inline-flex;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.list-more, .section-more, .results-status {
|
|
padding: var(--padding-sm) 0;
|
|
color: var(--primary);
|
|
font-size: var(--text-sm);
|
|
}
|
|
}
|
|
}
|
|
} |