Widen catalog threads on hover. #489

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

View File

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

View File

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