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

Widen catalog threads on hover. #489

Browse Source
This commit is contained in:
ccd0 2016-09-21 23:37:08 -07:00
parent 1e9c453930
commit 3a3b0d5230
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/css/style.css
View File

@ -710,6 +710,7 @@ div[data-checked="false"] > .suboption-list {
/* Catalog */ /* Catalog */
:root.catalog-mode .board { :root.catalog-mode .board {
text-align: center; text-align: center;
padding: 0 75px;
} }
.catalog-thread { .catalog-thread {
display: inline-block; display: inline-block;
@ -780,12 +781,11 @@ div[data-checked="false"] > .suboption-list {
text-align: center; text-align: center;
margin: 0; margin: 0;
} }
[name="delform"], .board, .catalog-thread, .catalog-thread:hover > * {
background-color: inherit;
}
.catalog-thread:hover { .catalog-thread:hover {
overflow: visible; overflow: visible;
z-index: 1; z-index: 1;
margin-left: -73px;
margin-right: -73px;
} }
.catalog-thread:hover > * { .catalog-thread:hover > * {
margin: 0 -1px; margin: 0 -1px;
@ -800,6 +800,12 @@ div[data-checked="false"] > .suboption-list {
margin-bottom: -1px; margin-bottom: -1px;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.catalog-small .catalog-thread:hover {
width: 315px
}
.catalog-large .catalog-thread:hover {
width: 420px
}
/* /tg/ dice rolls */ /* /tg/ dice rolls */
.board_tg .catalog-thread > .comment > b { .board_tg .catalog-thread > .comment > b {
font-weight: normal; font-weight: normal;

2
src/main/Main.coffee
View File

@ -229,7 +229,7 @@ Main =
bgColor = window.getComputedStyle(div).backgroundColor bgColor = window.getComputedStyle(div).backgroundColor
$.rm div $.rm div
Main.bgColorStyle.textContent = """ Main.bgColorStyle.textContent = """
.dialog, .suboption-list > div:last-of-type { .dialog, .suboption-list > div:last-of-type, .catalog-thread:hover > * {
background-color: #{bgColor}; background-color: #{bgColor};
} }
""" """