mirror of
https://github.com/phpbb/phpbb.git
synced 2025-06-28 14:18:52 +00:00
Merge pull request #5914 from mrgoldy/ticket/16319
[ticket/16319] Responsive post profile
This commit is contained in:
commit
73c355b92a
1 changed files with 12 additions and 16 deletions
|
@ -150,7 +150,7 @@
|
||||||
margin-right: -5px;
|
margin-right: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
|
.cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel {
|
||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -344,7 +344,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
|
fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
|
||||||
margin-left: 0px;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea, dd textarea, .message-box textarea {
|
textarea, dd textarea, .message-box textarea {
|
||||||
|
@ -460,8 +460,7 @@
|
||||||
width: auto;
|
width: auto;
|
||||||
border-width: 0 0 1px 0;
|
border-width: 0 0 1px 0;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
margin: 0;
|
margin: 0 0 5px 0;
|
||||||
margin-bottom: 5px;
|
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
@ -553,22 +552,19 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 700px) {
|
@media (min-width: 701px) {
|
||||||
.postbody { width: 70%; }
|
.postbody {
|
||||||
|
/** deduct postprofile width (including border width, margin and padding) and postbody margin and padding */
|
||||||
|
width: calc(100% - 200px - 1px - 16px);
|
||||||
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 850px) {
|
.postprofile {
|
||||||
.postbody { width: 76%; }
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 850px) {
|
|
||||||
.postprofile { width: 28%; }
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 701px) and (max-width: 950px) {
|
@media (min-width: 701px) and (max-width: 950px) {
|
||||||
|
|
||||||
ul.topiclist dt {
|
ul.topiclist dt {
|
||||||
margin-right: -410px;
|
margin-right: -410px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue