web-apps/apps/common/main/resources/less/searchdialog.less

224 lines
4.6 KiB
Plaintext
Raw Normal View History

2016-03-11 00:48:53 +00:00
.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 {
2017-08-14 14:01:02 +00:00
margin-left: 39px;
2016-03-11 00:48:53 +00:00
}
#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;
}
}
}
2022-02-09 18:15:36 +00:00
}
.search-bar {
z-index: 950;
.box {
padding: 16px;
display: flex;
input[type=text] {
width: 192px;
}
.tools {
display: flex;
align-items: center;
div {
margin-left: 5px;
2022-02-12 12:35:16 +00:00
&:first-of-type {
margin-left: 7px;
}
2022-02-09 18:15:36 +00:00
}
}
}
2022-02-12 12:35:16 +00:00
}
.search-panel {
display: table;
2022-02-12 12:35:16 +00:00
position: relative;
border-collapse: collapse;
line-height: 15px;
2022-02-12 12:35:16 +00:00
> div {
display: table-row;
}
2022-02-12 12:35:16 +00:00
#search-header {
position: absolute;
2022-02-12 12:35:16 +00:00
height: 45px;
left: 0;
top: 0;
right: 0;
2022-02-12 12:35:16 +00:00
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;
}
}
2022-02-22 17:17:21 +00:00
2022-02-24 18:46:22 +00:00
.search-options-block {
2022-02-22 17:17:21 +00:00
display: none;
}
2022-02-24 18:46:22 +00:00
#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;
}
}
2016-03-11 00:48:53 +00:00
}