Albirew/nyaa-pantsu
Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0
Code Activité

Add title for tag inputs & some random css stuff (#1429)

Parcourir la source 
* Add title for tag inputs

* Turn the cursor into a pointer when hovering search icon

* Remove space separating search input & refine button

* Remove now useless css rules

* Proper padding for header searchbox

Some text was hidden by the search icon because of too low padding

* Fix language list position on IE

* Fix placeholder display for firefox

2px smaller than regular text
Cette révision appartient à :
kilo 2017-08-28 15:52:05 +02:00 révisé par ewhal
Parent ce8c3d93e3
révision c1901431d0
2 fichiers modifiés avec 11 ajouts et 12 suppressions
Voir les statistiques Télécharger le patch en tant que fichier Télécharger le fichier diff Développer tous les fichiers Réduire tous les fichiers

12
public/css/main.css
Voir le fichier

@ -149,7 +149,6 @@ body {
.header .h-search .form-input { .header .h-search .form-input {
font-size: 80%; font-size: 80%;
line-height: 18px;
} }
.header .h-search select.form-input { .header .h-search select.form-input {
@ -162,6 +161,9 @@ body {
height: 30px; height: 30px;
border: 1px solid; border: 1px solid;
} }
input::placeholder {
font-size: 12px;
}
select.form-input { select.form-input {
-webkit-appearance: none; -webkit-appearance: none;
@ -183,7 +185,7 @@ select.form-input {
.form-input.search-box { .form-input.search-box {
margin-right: -26px; margin-right: -26px;
padding-right: 20px; padding-right: 23px;
} }
.form-input.search-box+.icon-search { .form-input.search-box+.icon-search {
@ -196,14 +198,12 @@ select.form-input {
box-shadow: none; box-shadow: none;
border: none; border: none;
vertical-align: middle; vertical-align: middle;
cursor: pointer;
} }
.form-input.refine { .form-input.refine {
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
border-left: none; border-left: none;
margin-left: -4px;
margin-top: 1px;
outline: none;
} }
.form-input.language { .form-input.language {
@ -772,7 +772,7 @@ html, body {
width: 100%!important; width: 100%!important;
} }
.refine-btn,.language { .refine-btn,.language {
position: initial!important; position: relative!important;
bottom: initial!important; bottom: initial!important;
width: 100%!important; width: 100%!important;
} }

11
templates/layouts/partials/helpers/search.jet.html
Voir le fichier

@ -9,8 +9,7 @@
{{end}} {{end}}
{{block search_button() }} {{block search_button() }}
<input class="form-input search-box" name="q" placeholder="{{ T("search")}}" type="text" value="{{Search.NameLike}}"/> <input class="form-input search-box" name="q" placeholder="{{ T("search")}}" type="text" value="{{Search.NameLike}}"/>
<button type="submit" class="form-input icon-search"></button> <button type="submit" class="form-input icon-search"></button><button type="submit" class="form-input refine" name="refine" value="1">{{ T("refine")}}</button>
<button type="submit" class="form-input refine" name="refine" value="1">{{ T("refine")}}</button>
{{end}} {{end}}
{{block search_refine(url="") }} {{block search_refine(url="") }}
<div style="{{ if !Search.ShowRefine }}display:none;{{ end }}" class="box refine"> <div style="{{ if !Search.ShowRefine }}display:none;{{ end }}" class="box refine">
@ -87,10 +86,10 @@
</span> </span>
<span class="form-refine"> <span class="form-refine">
<span class="spacing">Tags:</span> <span class="spacing">Tags:</span>
<input type="number" name="vgmdb" placeholder="VGMdb" value="" class="form-input"/> <input type="number" name="anidb" placeholder="AniDB" title="AniDB" value="" class="form-input"/>
<input type="number" name="vndb" placeholder="VnDB" value="" class="form-input"/> <input type="number" name="vgmdb" placeholder="VGMdb" title="VGMdb" value="" class="form-input"/>
<input type="number" name="anidb" placeholder="AniDB" value="" class="form-input"/> <input type="number" name="vndb" placeholder="VnDB" title="VnDB" value="" class="form-input"/>
<input type="number" name="dlsite" placeholder="DLsite" value="" class="form-input"/> <input type="number" name="dlsite" placeholder="DLsite" title="DLsite" value="" class="form-input"/>
</span> </span>
<div name="language" class="form-refine form-input language"> <div name="language" class="form-refine form-input language">
{{ yield flagList(languages=GetTorrentLanguages(), selected=Search.Languages, inputname="lang", id="refine-search")}} {{ yield flagList(languages=GetTorrentLanguages(), selected=Search.Languages, inputname="lang", id="refine-search")}}