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 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="main-controls">
<div id="find-styles">
@ -204,6 +192,7 @@
<span id="write-style-for" i18n-text="writeStyleFor"></span>
</div>
</div>
<!-- Actions -->
<div id="popup-options">
<button id="popup-manage-button" i18n-text="openManage"
@ -213,6 +202,19 @@
i18n-text="shortcuts"
i18n-title="shortcutsNote"></button>
</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>
<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;
}
#search-results-list {
position: relative;
min-height: 200px; /* Size of lds-spinner */
}
.search-result {
padding: 5px;
}
@ -60,7 +65,7 @@ body.search-results-shown {
}
.search-result-overlay > :not(.actions) {
margin: 0 10px 0 10px;
margin: 5px 10px 5px 10px;
}
.search-result-author-link {
@ -136,6 +141,7 @@ body.search-results-shown {
text-align: center;
word-break: keep-all;
opacity: 1.0;
margin-bottom: 10px;
}
#search-results-nav label {
@ -184,7 +190,7 @@ body.search-results-shown {
position: absolute;
width: 200px;
height: 200px;
top: 50px;
top: 100px;
left: 0;
right: 0;
margin: auto;