Merge remote-tracking branch 'PayBas/ticket/12506' into develop-ascraeus

* PayBas/ticket/12506:
  [ticket/12506] Fix search result h3 margin
  [ticket/12506] Fix responsive profile min-height (no avatar)
  [ticket/12506] Reposition buttons to make room for "online" banner
  [ticket/12506] Reposition post-buttons for compact layout
This commit is contained in:
Cesar G 2014-08-25 13:13:25 -07:00
commit 7cd6dbe898
7 changed files with 51 additions and 9 deletions

View file

@ -14,7 +14,7 @@
<!-- ENDIF --> <!-- ENDIF -->
<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->"> <div id="post-{MESSAGE_ID}" class="post pm has-profile<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
<div class="inner"> <div class="inner">
<dl class="postprofile" id="profile{MESSAGE_ID}"> <dl class="postprofile" id="profile{MESSAGE_ID}">

View file

@ -120,7 +120,7 @@
<!-- IF postrow.S_FIRST_UNREAD --> <!-- IF postrow.S_FIRST_UNREAD -->
<a id="unread" class="anchor"<!-- IF S_UNREAD_VIEW --> data-url="{postrow.U_MINI_POST}"<!-- ENDIF -->></a> <a id="unread" class="anchor"<!-- IF S_UNREAD_VIEW --> data-url="{postrow.U_MINI_POST}"<!-- ENDIF -->></a>
<!-- ENDIF --> <!-- ENDIF -->
<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_POST_DELETED --> deleted<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_POST_HIDDEN --> online<!-- ENDIF --><!-- IF postrow.POSTER_WARNINGS --> warned<!-- ENDIF -->"> <div id="p{postrow.POST_ID}" class="post has-profile <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_POST_DELETED --> deleted<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_POST_HIDDEN --> online<!-- ENDIF --><!-- IF postrow.POSTER_WARNINGS --> warned<!-- ENDIF -->">
<div class="inner"> <div class="inner">
<dl class="postprofile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->> <dl class="postprofile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>

View file

@ -464,6 +464,11 @@ li.breadcrumbs span:first-child > a {
float: right; float: right;
} }
.rtl .has-profile .postbody h3 {
margin-right: 0;
margin-left: 180px;
}
.rtl p.post-notice { .rtl p.post-notice {
padding-left: 5px; padding-left: 5px;
padding-right: 26px; padding-right: 26px;
@ -655,6 +660,11 @@ li.breadcrumbs span:first-child > a {
float: left; float: left;
} }
.rtl .has-profile .post-buttons {
left: 0;
right: auto;
}
.rtl .post-buttons li { .rtl .post-buttons li {
float: right; float: right;
} }
@ -1090,4 +1100,8 @@ li.breadcrumbs span:first-child > a {
margin-left: 5px; margin-left: 5px;
margin-right: 0; margin-right: 0;
} }
.rtl .has-profile .post-buttons {
left: 20px;
}
} }

View file

@ -177,6 +177,14 @@ ul.linklist.bulletin > li.small-icon:before {
margin-top: 2px; margin-top: 2px;
} }
.has-profile .post-buttons {
float: none;
position: absolute;
margin: 0;
right: 0;
top: 5px;
}
.post-buttons > li { .post-buttons > li {
float: left; float: left;
margin-right: 3px; margin-right: 3px;

View file

@ -299,6 +299,7 @@ ol ol ul, ol ul ul, ul ol ul, ul ul ul {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 100% 0; background-position: 100% 0;
border-radius: 7px; border-radius: 7px;
position: relative;
} }
.rowbg { .rowbg {

View file

@ -233,6 +233,7 @@ dd.option {
line-height: 1.48em; line-height: 1.48em;
width: 76%; width: 76%;
float: left; float: left;
position: relative;
} }
.postbody .ignore { .postbody .ignore {
@ -249,7 +250,8 @@ dd.option {
float: left; float: left;
font-size: 1.5em; font-size: 1.5em;
padding: 2px 0 0 0; padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important; margin-top: 0 !important;
margin-bottom: 0.3em !important;
text-transform: none; text-transform: none;
border: none; border: none;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
@ -261,6 +263,12 @@ dd.option {
vertical-align: bottom; vertical-align: bottom;
} }
.has-profile .postbody h3 {
/* If there is a post-profile, we position the post-buttons differently */
float: none !important;
margin-right: 180px;
}
.postbody .content { .postbody .content {
font-size: 1.3em; font-size: 1.3em;
overflow-x: auto; overflow-x: auto;

View file

@ -398,6 +398,10 @@ fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
/* Post /* Post
----------------------------------------*/ ----------------------------------------*/
.postbody {
position: inherit;
}
.postprofile, .postbody, .search .postbody { .postprofile, .postbody, .search .postbody {
display: block; display: block;
width: auto; width: auto;
@ -412,6 +416,7 @@ fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
padding-bottom: 5px; padding-bottom: 5px;
margin: 0; margin: 0;
margin-bottom: 5px; margin-bottom: 5px;
min-height: 40px;
overflow: hidden; overflow: hidden;
} }
@ -443,12 +448,18 @@ fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
max-height: 32px; max-height: 32px;
} }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) .has-profile .postbody h3 {
{ margin-left: 0 !important;
/* Scale online image for HD displays */ margin-right: 0 !important;
.online { }
background-size: 40px;
} .has-profile .post-buttons {
right: 20px;
top: 15px;
}
.online {
background-size: 40px;
} }
/* Misc stuff /* Misc stuff