Align search icon with refine text, fix display of category in preview on mobile, better padding on .box for mobile (#1218)
* Update main.css * fix category image of preview torrent that got cropped at lower res * padding on mobile * remove css
Cette révision appartient à :
Parent
a823c5244c
révision
e3606bf91b
2 fichiers modifiés avec 6 ajouts et 3 suppressions
|
@ -127,7 +127,7 @@ select.form-input {
|
||||||
.form-input.search-box { margin-right: -20px; padding-right: 20px; }
|
.form-input.search-box { margin-right: -20px; padding-right: 20px; }
|
||||||
.form-input.search-box + .icon-search {
|
.form-input.search-box + .icon-search {
|
||||||
left: -5px;
|
left: -5px;
|
||||||
top: -2px;
|
top: -1px;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
|
@ -451,9 +451,11 @@ html, body {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.tr-cat { width: 73px; }
|
.tr-cat { width: 73px; }
|
||||||
|
.torrent-preview-table .tr-cat { width: 74px; }
|
||||||
.tr-links { width: 50px; }
|
.tr-links { width: 50px; }
|
||||||
.header .h-search input { width: 90px !important; }
|
.header .h-search input { width: 90px !important; }
|
||||||
.header .h-search input:focus { width: 150px !important; }
|
.header .h-search input:focus { width: 150px !important; }
|
||||||
|
.box { padding: 9px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (maw-width: 520px) {
|
@media (maw-width: 520px) {
|
||||||
|
@ -1005,8 +1007,9 @@ details[open] summary:after {
|
||||||
content: "-";
|
content: "-";
|
||||||
margin: -4px 5px 0 0;
|
margin: -4px 5px 0 0;
|
||||||
}
|
}
|
||||||
|
.torrent-preview-table > table { border: 3px solid #dfdeeb; }
|
||||||
|
|
||||||
.nyaa-cat { background: url('/img/categories.png') no-repeat; background-position-x: right!important; max-width: 80px; min-width: 68px; height: 28px; display: block; }
|
.nyaa-cat { background: url('/img/categories.png') no-repeat; background-position-x: right!important; max-width: 80px; min-width: 67px; height: 28px; display: block; }
|
||||||
.nyaa-cat-1 { background-position: 0 -26px; }
|
.nyaa-cat-1 { background-position: 0 -26px; }
|
||||||
.nyaa-cat-2 { background-position: 0 -52px; }
|
.nyaa-cat-2 { background-position: 0 -52px; }
|
||||||
.nyaa-cat-4 { background-position: 0 -78px; }
|
.nyaa-cat-4 { background-position: 0 -78px; }
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
{{ yield errors(name="name")}}
|
{{ yield errors(name="name")}}
|
||||||
|
|
||||||
<div class="torrent-preview-table" style="display: none;"><center><h3 style="margin-bottom: 3px;">Preview your torrent</h3></center>
|
<div class="torrent-preview-table" style="display: none;"><center><h3 style="margin-bottom: 3px;">Preview your torrent</h3></center>
|
||||||
<table style="border: 3px solid #dfdeeb;">
|
<table>
|
||||||
<thead class="torrent-info table-torrent-thead">
|
<thead class="torrent-info table-torrent-thead">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="tr-cat">Category</th>
|
<th class="tr-cat">Category</th>
|
||||||
|
|
Référencer dans un nouveau ticket