web-apps/apps/common/main/resources/less/searchdialog.less
2022-06-07 17:57:01 +03:00

243 lines
5.2 KiB
Plaintext

.search {
.body {
padding: 24px 0;
.box {
padding-left: 18px;
padding-bottom: 16px;
}
.input-row {
height: @input-height-base;
width: 510px;
margin-bottom: 10px;
.row-el {
margin-top: 3px;
margin-right: 10px;
}
}
input[type=text] {
display: inline-block;
width: 470px;
}
#sd-text-search {
&:not(.clear) {
margin-left: 8px;
}
&.clear {
width: 100%;
}
}
#sd-text-replace, #search-label-replace {
margin-left: 39px;
}
#search-label-replace {
padding-top: 3px;
}
.btn.normal {
width: 100px;
&.iconic {
width: 45px;
padding-top: 2px;
span.icon {
display: inline-block;
width: 16px;
height: 16px;
&.back {
background-position: @search-dlg-offset-x @search-dlg-offset-y;
}
&.next {
background-position: @search-dlg-offset-x @search-dlg-offset-y - 16px;
}
}
}
&.right {
float: right;
}
}
.separator.horizontal {
width: 100%;
}
.footer {
padding: 20px;
&.right {
text-align: right;
}
}
}
}
.search-bar {
z-index: 950;
.box {
padding: 15px;
display: flex;
input[type=text] {
width: 192px;
}
.tools {
display: flex;
align-items: center;
div {
margin-left: 5px;
&:first-of-type {
margin-left: 7px;
}
}
}
}
}
.search-panel {
display: table;
position: relative;
border-collapse: collapse;
line-height: 15px;
> div {
display: table-row;
}
#search-header {
position: absolute;
height: 45px;
left: 0;
top: 0;
right: 0;
padding: 12px;
overflow: hidden;
border-bottom: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-bottom: @scaled-one-px-value solid @border-toolbar;
label {
font-size: 12px;
.font-weight-bold();
margin-top: 2px;
}
#search-btn-close {
float: right;
}
}
#search-adv-settings {
position: absolute;
left: 0;
right: 0;
top: 45px;
padding: 10px 15px 0 15px;
table {
width: 100%;
}
.padding-small {
padding-bottom: 8px;
}
.padding-large {
padding-bottom: 14px;
}
#search-adv-results-number {
padding-top: 2px;
width: calc(100% - 48px);
color: @text-secondary-ie;
color: @text-secondary;
}
}
.search-options-block {
display: none;
}
#open-search-options {
cursor: pointer;
margin-left: 15px;
.search-options-txt {
display: inline-block;
padding: 5px 0;
}
.search-options-caret {
width: 24px;
height: 24px;
background-position: 3px -270px;
display: inline-block;
position: absolute;
left: 0;
cursor: pointer;
margin-left: 8px;
}
}
#search-options {
label {
margin-top: 6px;
&:not(:first-of-type) {
margin-top: 8px;
}
}
}
.no-expand {
#search-options {
display: none;
}
.search-options-caret {
transform: rotate(270deg);
}
}
#search-results {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
border-top: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-top: @scaled-one-px-value solid @border-toolbar;
padding: 12px 0;
overflow: hidden;
.item {
padding: 6px 15px;
word-break: break-all;
cursor: pointer;
&:hover {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
b {
font-style: italic;
}
}
}
}