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

Make file info fixed size and expand on hover.

Browse Source
This commit is contained in:
ccd0 2016-09-25 18:14:35 -07:00
parent 9cee88ce3a
commit ca37779ec0
1 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/css/style.css
View File

@ -739,6 +739,10 @@ div.catalog-thread {
margin: -1px; margin: -1px;
border: 1px solid transparent; border: 1px solid transparent;
} }
.catalog-thread:not(.noFile) .post {
margin-top: -21px;
padding-top: 20px;
}
.catalog-link { .catalog-link {
display: block; display: block;
position: relative; position: relative;
@ -797,12 +801,30 @@ div.catalog-thread {
.thread:not(.catalog-thread) .catalog-stats { .thread:not(.catalog-thread) .catalog-stats {
display: none; display: none;
} }
.catalog-thread .file {
position: absolute;
left: -60px;
top: -20px;
}
.catalog-small .catalog-thread .file {
width: 285px;
}
.catalog-large .catalog-thread .file {
width: 390px;
}
.catalog-thread .fileText { .catalog-thread .fileText {
min-height: 16px;
font-size: 10px; font-size: 10px;
line-height: 1;
padding: 2px; padding: 2px;
} }
.catalog-thread .file:not(:hover) .fileText {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.catalog-thread .file:hover {
z-index: 2;
background-color: inherit;
}
#delform .catalog-thread .postInfo { #delform .catalog-thread .postInfo {
width: auto; width: auto;
} }
@ -820,10 +842,8 @@ div.catalog-thread {
overflow: visible; overflow: visible;
} }
.catalog-thread:hover .post { .catalog-thread:hover .post {
margin: -21px -61px -1px; margin-left: -61px;
} margin-right: -61px;
.catalog-thread.noFile:hover .post {
margin-top: -1px;
} }
.catalog-thread .prettyprinted { .catalog-thread .prettyprinted {
max-width: 100%; max-width: 100%;