diff --git a/src/css/burichan.css b/src/css/burichan.css index 2b55ebe36..8f1a20891 100644 --- a/src/css/burichan.css +++ b/src/css/burichan.css @@ -31,7 +31,7 @@ } /* Catalog */ -:root.burichan .catalog-thread:hover, :root.burichan .catalog-thread:hover > .comment { +:root.burichan .catalog-thread:hover > * { background-color: #D6DAF0; border-color: #B7C5D9; } diff --git a/src/css/futaba.css b/src/css/futaba.css index 83cdc935a..355a5bad7 100644 --- a/src/css/futaba.css +++ b/src/css/futaba.css @@ -31,7 +31,7 @@ } /* Catalog */ -:root.futaba .catalog-thread:hover, :root.futaba .catalog-thread:hover > .comment { +:root.futaba .catalog-thread:hover > * { background-color: #F0E0D6; border-color: #D9BFB7; } diff --git a/src/css/photon.css b/src/css/photon.css index 927caaa64..c2effe060 100644 --- a/src/css/photon.css +++ b/src/css/photon.css @@ -31,7 +31,7 @@ } /* Catalog */ -:root.photon .catalog-thread:hover, :root.photon .catalog-thread:hover > .comment { +:root.photon .catalog-thread:hover > * { background-color: #DDD; border-color: #CCC; } diff --git a/src/css/style.css b/src/css/style.css index 0b1100c19..54d6bdf76 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -712,30 +712,25 @@ div[data-checked="false"] > .suboption-list { text-align: center; } .catalog-thread { - display: -webkit-inline-flex; - display: inline-flex; - text-align: left; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-align-items: center; - align-items: center; + display: inline-block; + text-align: center; margin: 0 2px 5px; word-wrap: break-word; vertical-align: top; position: relative; + overflow: hidden; } .catalog-thread > a { - flex-shrink: 0; - -webkit-flex-shrink: 0; + display: block; position: relative; } .catalog-small .catalog-thread { width: 165px; - max-height: 320px; + height: 320px; } .catalog-large .catalog-thread { width: 270px; - max-height: 410px; + height: 410px; } .catalog-thumb { border-radius: 2px; @@ -771,45 +766,39 @@ div[data-checked="false"] > .suboption-list { line-height: 11px; } .catalog-stats { - -webkit-flex-shrink: 0; - flex-shrink: 0; cursor: help; font-size: 10px; font-weight: 700; - margin-top: 2px; + padding-top: 2px; } .catalog-thread > .subject { - -webkit-flex-shrink: 0; - flex-shrink: 0; - -webkit-align-self: stretch; - align-self: stretch; font-weight: 700; line-height: 1; text-align: center; } .catalog-thread > .comment { - -webkit-flex-shrink: 1; - flex-shrink: 1; - -webkit-align-self: stretch; - align-self: stretch; - overflow: hidden; text-align: center; margin: 0; } -[name="delform"], .board, .catalog-thread, .catalog-thread:hover > .comment { +[name="delform"], .board, .catalog-thread, .catalog-thread:hover > * { background-color: inherit; } .catalog-thread:hover { - margin: -1px 1px 4px; - border: 1px solid transparent; + overflow: visible; z-index: 1; } -.catalog-thread:hover > .comment { - margin: 0 -1px -1px; - border: 1px solid transparent; - border-top: none; - -webkit-flex-shrink: 0; - flex-shrink: 0; +.catalog-thread:hover > * { + margin: 0 -1px; + border-left: 1px solid transparent; + border-right: 1px solid transparent; +} +.catalog-thread:hover > :first-child { + margin-top: -1px; + border-top: 1px solid transparent; +} +.catalog-thread:hover > :last-child { + margin-bottom: -1px; + border-bottom: 1px solid transparent; } /* /tg/ dice rolls */ .board_tg .catalog-thread > .comment > b { diff --git a/src/css/tomorrow.css b/src/css/tomorrow.css index d4c14fcce..2f04954e1 100644 --- a/src/css/tomorrow.css +++ b/src/css/tomorrow.css @@ -30,7 +30,7 @@ } /* Catalog */ -:root.tomorrow .catalog-thread:hover, :root.tomorrow .catalog-thread:hover > .comment { +:root.tomorrow .catalog-thread:hover > * { background-color: #282A2E; border-color: #111; } diff --git a/src/css/yotsuba-b.css b/src/css/yotsuba-b.css index 8dfa73846..00989cd62 100644 --- a/src/css/yotsuba-b.css +++ b/src/css/yotsuba-b.css @@ -31,7 +31,7 @@ } /* Catalog */ -:root.yotsuba-b .catalog-thread:hover, :root.yotsuba-b .catalog-thread:hover > .comment { +:root.yotsuba-b .catalog-thread:hover > * { background-color: #D6DAF0; border-color: #B7C5D9; } diff --git a/src/css/yotsuba.css b/src/css/yotsuba.css index e8dbe7679..402cbd5d1 100644 --- a/src/css/yotsuba.css +++ b/src/css/yotsuba.css @@ -31,7 +31,7 @@ } /* Catalog */ -:root.yotsuba .catalog-thread:hover, :root.yotsuba .catalog-thread:hover > .comment { +:root.yotsuba .catalog-thread:hover > * { background-color: #F0E0D6; border-color: #D9BFB7; }