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

Use the available space of refine for language (& future anidex stuff) if enough space (#1314)

Parcourir la source 
* CSS stuff

* HTML stuff

* Update main.css

* Update main.css

* pin refine button to bottom

* changes needed to pin refien button

* Update main.css

* Update search.jet.html

* Update main.css

* Update search.jet.html

* Update main.css

* pin refine button and language list to the right

* better spacing

* Update main.css
Cette révision appartient à :
kilo 2017-08-02 14:01:43 +02:00 révisé par ewhal
Parent 6f33e68a68
révision caed944f4f
2 fichiers modifiés avec 39 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

31
public/css/main.css
Voir le fichier

@ -356,6 +356,10 @@ select.form-input {
.box.refine input[type="number"].refine-userid {
width: 65px;
}
.box.refine .language {
position: absolute;
right: 0;
}
.form-refine {
margin-bottom: 10px;
@ -382,9 +386,15 @@ select.form-input {
.form-refine .refine-category {
border-left: none;
border-radius: 0 3px 3px 0;
max-width: 50%;
max-width: 40%;
}
.box.refine > form > div {
display: flex;
}
.box.refine .refine-container-1 { width: 57%; }
.box.refine .refine-container-2 { width: 43%; position: relative; }
.categories a {
display: inline-block;
width: 115px;
@ -657,6 +667,16 @@ html, body {
}
.user-td.tr-date { width: 100px; }
.user-td.tr-size { width: 77px; }
.box.refine > form > div { display: inline-grid !important; }
.box.refine > form > div > div { width: 100%!important; }
.refine-btn,.language {
position: initial!important;
bottom: initial!important;
width: 100%!important;
}
.language { width: initial!important; }
.refine-container-2 { margin-top: 5px; }
.hide-xs { display: none !important; }
}
@media (max-width: 810px) {
@ -680,9 +700,6 @@ html, body {
width: 100% !important;
margin-bottom: 20px;
}
.hide-xs {
display: none !important;
}
.header .h-user {
width: 46px;
}
@ -1472,7 +1489,11 @@ details[open] summary:after {
}
.refine-btn {
width: 30%;
width: 426px;
max-width: 100%;
position:absolute;
bottom: 2px;
right: 0;
}
.torrent-preview-table>table {

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

@ -15,8 +15,11 @@
{{end}}
{{block search_refine(url="") }}
<div style="text-align:left;{{ if !Search.ShowRefine }}display:none;{{ end }}" class="box refine">
<h3>{{ T("refine_search") }}</h3>
</span>
<form style="display: grid;" method="GET" action="{{ url }}">
<h3 style="margin-top: 2px;">{{ T("refine_search") }}</h3>
<div>
<div class="refine-container-1">
<span class="form-refine">
<span class="spacing">{{ T("search_for") }}:</span>
<input type="text" class="form-input refine-searchbox" size="30" name="q" value="{{Search.NameLike}}" placeholder="{{ T("search_for") }}"/><select name="c" class="form-input refine-category"/>
@ -50,7 +53,7 @@
</select>
{{ T("large")}}
</span>
<span class="form-refine">
<span class="form-refine" style="margin-bottom: 2px;">
<span class="spacing">{{ T("between")}}</span>
<input class="form-input" size="7" name="fromDate" type="text" value="{{Search.FromDate}}"/>
{{ T("and")}}
@ -61,11 +64,14 @@
<option value="y"{{if Search.DateType == "y"}} selected{{end}}>{{ T("years")}}</option>
</select>
{{ T("old")}}.
</span>
<div name="language" class="form-refine form-input language">
{{ yield flagList(languages=GetTorrentLanguages(), selected=Search.Languages, inputname="lang", id="refine-search")}}
</div>
<button type="submit" class="form-input refine-btn" name="refine" value="1">{{ T("refine")}}</button>
</div>
<div class="refine-container-2">
<div name="language" class="form-refine form-input language">
{{ yield flagList(languages=GetTorrentLanguages(), selected=Search.Languages, inputname="lang", id="refine-search")}}
</div>
<button type="submit" class="form-input refine-btn" name="refine" value="1">{{ T("refine")}}</button>
</div>
</div>
</form>
</div>
{{end}}