bryce/jquery.uls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style adjustments for no-results

Browse Source 
* 20px spacing above and below the "No results found" message.
* 12px spacing above and below the search indications ("You can search by...")
* Adjusting the text color to use Base20 (#54595D)
* Adjust the background to use the same background color as the area above it (#FCFCFC).
* Add a top border in Base80 (#EAECF0) to separate both areas.

See https://phabricator.wikimedia.org/T175235
This commit is contained in:
Santhosh Thottingal
2018-01-30 12:44:55 +05:30
parent 1e13a60eb3
commit 081310b45e
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/jquery.uls.lcd.css
View File

@@ -121,13 +121,15 @@
.uls-no-results-found-title { .uls-no-results-found-title {
font-size: 16px; font-size: 16px;
padding: 0 16px 0 28px; padding: 0 16px 0 28px;
margin: 20px 0;
border-bottom: 0; border-bottom: 0;
color: #555; color: #54595d;
} }
.uls-no-found-more { .uls-no-found-more {
background: #f8f8f8; border-top: 1px solid #eaecf0;
padding: 0 16px 0 44px; color: #54595d;
padding: 12px 16px 12px 44px;
font-size: 0.9em; font-size: 0.9em;
width: 100%; width: 100%;
margin-top: 1.6em; margin-top: 1.6em;

4
src/jquery.uls.lcd.js
View File

@@ -27,9 +27,7 @@
<h2 data-i18n="uls-no-results-found" class="uls-no-results-found-title">No results found</h2> \ <h2 data-i18n="uls-no-results-found" class="uls-no-results-found-title">No results found</h2> \
<div class="uls-no-results-suggestions"></div> \ <div class="uls-no-results-suggestions"></div> \
<div class="uls-no-found-more"> \ <div class="uls-no-found-more"> \
<div><p> \ <div data-i18n="uls-search-help">You can search by language name, script name, ISO code of language or you can browse by region.</div> \
<span data-i18n="uls-search-help">You can search by language name, script name, ISO code of language or you can browse by region.</span>\
</p></div> \
</div></div>'; </div></div>';
/** /**