b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
166 lines
2.8 KiB
CSS
Executable file
166 lines
2.8 KiB
CSS
Executable file
/* Search */
|
|
/* Common search styles */
|
|
|
|
html[dir="ltr"] form.search,
|
|
html[dir="ltr"] #groups-list-search,
|
|
html[dir="ltr"] #no-result { text-align: left; }
|
|
html[dir="rtl"] form.search,
|
|
html[dir="rtl"] #groups-list-search,
|
|
html[dir="rtl"] #no-result { text-align: right; }
|
|
|
|
form.search {
|
|
position: absolute;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 5;
|
|
display: flex;
|
|
}
|
|
|
|
#search-container {
|
|
padding-right: 2.5rem; /* XXX BiDi alert */
|
|
}
|
|
|
|
#search-view:not(.insearchmode) form.search * {
|
|
pointer-events: none;
|
|
}
|
|
|
|
#search-view.insearchmode form.search input {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
form.search p {
|
|
flex-basis: 100%;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
#search-view.insearchmode form.search p {
|
|
flex-basis: auto;
|
|
}
|
|
|
|
form.search label {
|
|
display: block;
|
|
background: none;
|
|
}
|
|
|
|
form.search input {
|
|
height: 2.5rem;
|
|
}
|
|
|
|
form.search input {
|
|
pointer-events: none;
|
|
}
|
|
|
|
form.search button[type="submit"] {
|
|
width: auto;
|
|
}
|
|
|
|
/* Search view */
|
|
#search-view {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
#view-screenshot.search {
|
|
z-index: 1;
|
|
}
|
|
|
|
#view-screenshot.search > #view-screenshot-body {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: -moz-element(#search-view);
|
|
}
|
|
|
|
.facebook #search-view, .import #search-view {
|
|
z-index: 100;
|
|
}
|
|
|
|
#search-view.insearchmode {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#no-result {
|
|
margin-top: 9.5rem;
|
|
margin-left: 1.5rem;
|
|
margin-right: 1.5rem;
|
|
padding-top: 1.5rem;
|
|
color: #000;
|
|
font-size: 2.4rem;
|
|
font-weight: 300;
|
|
border-top: 0.1rem solid #bdbdbd;
|
|
}
|
|
|
|
#search-progress {
|
|
margin-top: 7.5rem;
|
|
text-align: center;
|
|
}
|
|
|
|
#search-progress.hidden > progress {
|
|
opacity: 0;
|
|
animation-name: none;
|
|
}
|
|
|
|
/* facebook search */
|
|
.facebook #search-view button[type="submit"],
|
|
.import #search-view button[type="submit"] {
|
|
width: auto;
|
|
}
|
|
|
|
#search-view > section {
|
|
position: absolute;
|
|
top: 3.7rem;
|
|
left: 0;
|
|
right: 0;
|
|
height: calc(100% - 3.7rem);
|
|
background: #fff;
|
|
}
|
|
|
|
#groups-list-search {
|
|
position: relative;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
z-index: 1;
|
|
}
|
|
|
|
#search-process {
|
|
z-index: 2; /* Above groups-list-search */
|
|
background-color: transparent!important;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#search-list {
|
|
height: 100%;
|
|
}
|
|
|
|
#search-list[data-type="list"] li:after {
|
|
right: -1.5rem; /* XXX BiDi alert */
|
|
}
|
|
|
|
#search-list > li[data-uuid] > a *,
|
|
.facebook #search-list > li[data-uuid] *:not(input),
|
|
.import #search-list > li[data-uuid] *:not(input) {
|
|
pointer-events: none;
|
|
}
|
|
|
|
#search-list.selecting label.pack-checkbox {
|
|
display: block !important;
|
|
}
|
|
|
|
#search-list label.pack-checkbox {
|
|
display: none !important;
|
|
}
|
|
|
|
mark {
|
|
background-color: #b2f2ff;
|
|
}
|
|
|
|
#searchview-container p input::-moz-placeholder,
|
|
#search-container p input::-moz-placeholder {
|
|
background: none;
|
|
}
|