Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Redo posts as flex

Browse Source 
No more clearfix, no more "overflow: hidden", no more bullshit.
This commit is contained in:
Zixaphir 2013-08-25 13:48:05 -07:00
parent ace2f6384f
commit e6de614e14
3 changed files with 7 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
builds/appchan-x.user.js
View File

File diff suppressed because one or more lines are too long

2
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

25
src/General/css/layout.css
View File

@ -1010,8 +1010,7 @@ th {
border-radius: 4px; border-radius: 4px;
} }
/* Thread Clearfix */ /* Thread Clearfix */
.thread > .threadContainer:last-of-type::after, .thread > .threadContainer:last-of-type::after {
.thread > .postContainer:last-of-type::after {
display: block; display: block;
content: ' '; content: ' ';
clear: both; clear: both;
@ -1095,9 +1094,11 @@ th {
<%= sizing %>: border-box; <%= sizing %>: border-box;
display: inline-block; display: inline-block;
} }
.replyContainer {
display: <%= flex %>;
}
.fit-width-replies .reply.post { .fit-width-replies .reply.post {
display: block; <%= flex %>: 1 0;
overflow: hidden;
} }
.fit-width-replies .expanded-image .reply.post, .fit-width-replies .expanded-image .reply.post,
.fit-width-replies .hasInline .reply.post { .fit-width-replies .hasInline .reply.post {
@ -1108,12 +1109,6 @@ th {
.indent-replies .threadContainer > .replyContainer { .indent-replies .threadContainer > .replyContainer {
margin-left: 2em; margin-left: 2em;
} }
.expanded-image .reply.post,
.hasInline .reply.post {
display: inline-block;
overflow: visible;
clear: both;
}
.rounded-edges .post { .rounded-edges .post {
border-radius: 3px; border-radius: 3px;
} }
@ -1125,10 +1120,6 @@ s {
a.useremail:last-of-type { a.useremail:last-of-type {
vertical-align: top; vertical-align: top;
} }
/* Reply Clearfix */
.reply.post .postMessage {
clear: right;
}
.op-background .op.post .postMessage::after, .op-background .op.post .postMessage::after,
.force-reply-break .op.post .postMessage::after { .force-reply-break .op.post .postMessage::after {
display: block; display: block;
@ -1156,12 +1147,6 @@ a.useremail:last-of-type {
.inline .replyContainer { .inline .replyContainer {
display: inline-block; display: inline-block;
} }
/* Inlined Clearfix */
.inline .postMessage::after {
clear: both;
display: block;
content: "";
}
/* Quotes */ /* Quotes */
.inlined { .inlined {
opacity: .5; opacity: .5;