Widen catalog threads on hover. #489
This commit is contained in:
parent
1e9c453930
commit
3a3b0d5230
@ -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;
|
||||
|
||||
@ -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};
|
||||
}
|
||||
"""
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user