open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Search results at bottom, move lds-spinner over search results.

Browse Source
This commit is contained in:
derv82 2017-12-07 00:56:33 -08:00
parent 34ab1abd11
commit 7c1c9d0cce
2 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
popup.html
View File

@ -173,18 +173,6 @@
</div> </div>
</div> </div>
<div class="actions"> <div class="actions">
<div id="search-results" class="hidden">
<div id="search-results-list"></div>
<div id="search-results-nav">
<button id="search-results-nav-prev" i18n-title="paginationPrevious" disabled>&#8592;</button>
<label>
<span id="search-results-nav-current-page" i18n-title="paginationCurrent">-</span>
/
<span id="search-results-nav-total-pages" i18n-title="paginationTotal">-</span>
</label>
<button id="search-results-nav-next" i18n-title="paginationNext" disabled>&#8594;</button>
</div>
</div>
<div class="left-gutter"></div> <div class="left-gutter"></div>
<div class="main-controls"> <div class="main-controls">
<div id="find-styles"> <div id="find-styles">
@ -204,6 +192,7 @@
<span id="write-style-for" i18n-text="writeStyleFor"></span> <span id="write-style-for" i18n-text="writeStyleFor"></span>
</div> </div>
</div> </div>
<!-- Actions --> <!-- Actions -->
<div id="popup-options"> <div id="popup-options">
<button id="popup-manage-button" i18n-text="openManage" <button id="popup-manage-button" i18n-text="openManage"
@ -213,6 +202,19 @@
i18n-text="shortcuts" i18n-text="shortcuts"
i18n-title="shortcutsNote"></button> i18n-title="shortcutsNote"></button>
</div> </div>
<div id="search-results" class="hidden">
<div id="search-results-list"></div>
<div id="search-results-nav">
<button id="search-results-nav-prev" i18n-title="paginationPrevious" disabled>&#8592;</button>
<label>
<span id="search-results-nav-current-page" i18n-title="paginationCurrent">-</span>
/
<span id="search-results-nav-total-pages" i18n-title="paginationTotal">-</span>
</label>
<button id="search-results-nav-next" i18n-title="paginationNext" disabled>&#8594;</button>
</div>
</div>
</div> </div>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;">

10
popup/search-results.css
View File

@ -21,6 +21,11 @@ body.search-results-shown {
margin-right: 20px; margin-right: 20px;
} }
#search-results-list {
position: relative;
min-height: 200px; /* Size of lds-spinner */
}
.search-result { .search-result {
padding: 5px; padding: 5px;
} }
@ -60,7 +65,7 @@ body.search-results-shown {
} }
.search-result-overlay > :not(.actions) { .search-result-overlay > :not(.actions) {
margin: 0 10px 0 10px; margin: 5px 10px 5px 10px;
} }
.search-result-author-link { .search-result-author-link {
@ -136,6 +141,7 @@ body.search-results-shown {
text-align: center; text-align: center;
word-break: keep-all; word-break: keep-all;
opacity: 1.0; opacity: 1.0;
margin-bottom: 10px;
} }
#search-results-nav label { #search-results-nav label {
@ -184,7 +190,7 @@ body.search-results-shown {
position: absolute; position: absolute;
width: 200px; width: 200px;
height: 200px; height: 200px;
top: 50px; top: 100px;
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;