Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0

Fixed width for text in refine, make smaller header apply at 500px wide devices & under (#1368)

* Fixed width for text in refine

* make smaller header apply at 500px & under

* remove useless line

* hide notification count if no new notification
Cette révision appartient à :
kilo 2017-08-14 07:37:37 +02:00 révisé par ewhal
Parent d0efb33749
révision d51eb1ba60
2 fichiers modifiés avec 46 ajouts et 19 suppressions

Voir le fichier

@ -379,8 +379,10 @@ select.form-input {
}
.form-refine span.spacing {
min-width: 100px;
display: inline-block;
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
}
.form-refine .refine-searchbox::placeholder {
@ -790,9 +792,16 @@ html, body {
.header .h-user {
width: 46px;
}
.header .h-user .user-avatar { margin: 0;}
.header .h-user { max-width: 46px; width: auto; }
.header .h-user .user-menu { right: 104px;}
.header .h-user .user-avatar {
margin: 0;
}
.header .h-user {
max-width: 46px;
width: auto;
}
.header .h-user .user-menu {
right: 104px;
}
.box {
padding: 7px;
}
@ -802,26 +811,44 @@ html, body {
.tr-se, .tr-le {
width: 36px;
}
.header .h-search input { width: 84px !important; }
.tr-links {
width: 48px;
.header .h-search input {
width: 84px !important;
}
.box {
padding: 8px;
}
.torrent-hr { margin-bottom: 0; }
.torrent-hr {
margin-bottom: 0;
}
}
@media (max-height: 750px) {
.header { height: 56px; }
.header .container>div { line-height: 58px; padding: 0 0.6rem; }
.header .h-logo img { height: 57px; padding: 5px 8px 5px 2px; }
.header .h-user .nav-btn { height: 57px; }
#content { top: 58px; }
#content.content-admin { top: 108px; }
@media (max-height: 750px),(max-width: 500px) {
.header {
height: 56px;
}
.header .container > div {
line-height: 58px; padding: 0 0.6rem;
}
.header .h-logo img {
height: 57px; padding: 5px 8px 5px 2px;
}
.header .h-user .nav-btn {
height: 57px;
}
h3 { margin-bottom: 5px; }
.form-refine { margin-bottom: 8px; }
#content {
top: 58px;
}
#content.content-admin {
top: 108px;
}
h3 {
margin-bottom: 5px;
}
.form-refine {
margin-bottom: 8px;
}
}
@media (max-width: 565px) {

Voir le fichier

@ -12,9 +12,9 @@
</button>
<div class="user-menu">
<a class="nav-btn" href="/user/{{ User.ID }}/{{ User.Username }}">{{ T("profile")}}</a>
<a class="nav-btn{{ User.GetUnreadNotifications() > 0 ? " notif " : " " }}" href="/notifications">
<a class="nav-btn notif" href="/notifications">
{{ T("my_notifications")}}
<span class="badge">({{ User.GetUnreadNotifications() }})</span>
{{if User.GetUnreadNotifications() > 0}}<span class="badge">({{ User.GetUnreadNotifications() }})</span>{{end}}
</a>
<a class="nav-btn" href="/user/{{ User.ID }}/{{ User.Username }}/edit">
{{ T("settings")}}