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

Add inline search filters

Browse Source
This commit is contained in:
narcolepticinsomniac 2019-08-11 08:43:39 -04:00 committed by GitHub
parent 29f404e9a5
commit 20a0e01a8e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 52 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
popup.html
View File

@ -253,6 +253,58 @@
<div id="search-results-error" class="hidden"></div>
<div id="search-results" class="hidden">
<div class="search-results-nav" data-type="top"></div>
<div class="current-filters">
<a class="filter-results" href="#" tabindex="0">
<svg class="svg-icon ascending" viewBox="0 0 16 16">
<path d="M5 12v-12h-2v12h-2.5l3.5 3.5 3.5-3.5h-2.5z"></path>
<path d="M7 9h9v2h-9v-2z"></path>
<path d="M7 6h7v2h-7v-2z"></path>
<path d="M7 3h5v2h-5v-2z"></path>
<path d="M7 0h3v2h-3v-2z"></path>
</svg>
<span class="current-category">Relevance</span>
<svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"></use></svg>
</a>
<div class="filter-menu">
<div class="filter-radio-wrapper">
<label i18n-title="popupFilterAscending">
<div>
<input type="radio" name="filtersearch">
<div class="icon-wrapper filter-ascending">
<svg class="svg-icon ascending" viewBox="0 0 16 16">
<path d="M5 12v-12h-2v12h-2.5l3.5 3.5 3.5-3.5h-2.5z"></path>
<path d="M7 9h9v2h-9v-2z"></path>
<path d="M7 6h7v2h-7v-2z"></path>
<path d="M7 3h5v2h-5v-2z"></path>
<path d="M7 0h3v2h-3v-2z"></path>
</svg>
</div>
</div>
</label>
<label i18n-title="popupFilterDescending">
<div>
<input type="radio" name="filtersearch">
<div class="icon-wrapper filter-descending">
<svg class="svg-icon descending" viewBox="0 0 16 16">
<path d="M5 12v-12h-2v12h-2.5l3.5 3.5 3.5-3.5h-2.5z"></path>
<path d="M7 0h9v2h-9v-2z"></path>
<path d="M7 3h7v2h-7v-2z"></path>
<path d="M7 6h5v2h-5v-2z"></path>
<path d="M7 9h3v2h-3v-2z"></path>
</svg>
</div>
</div>
</label>
</div>
<a class="filter-item" href="#" i18n-text="popupFilterRelevance"></a>
<a class="filter-item" href="#" i18n-text="popupFilterPopularity"></a>
<a class="filter-item" href="#" i18n-text="popupFilterUpdatedDate"></a>
<a class="filter-item" href="#" i18n-text="popupFilterCreatedDate"></a>
<a class="filter-item" href="#" i18n-text="popupFilterName"></a>
<a class="filter-item" href="#" i18n-text="popupFilterInstallsThisWeek"></a>
<a class="filter-item" href="#" i18n-text="popupFilterTotalInstalls"></a>
</div>
</div>
<div id="search-results-list"></div>
<div class="search-results-nav" data-type="bottom"></div>
</div>