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

Fix issues with catalog hover CSS. #489

Browse Source
This commit is contained in:
ccd0 2016-09-20 21:26:48 -07:00
parent 07292dbe9f
commit b930f6bf63
7 changed files with 22 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/burichan.css
View File

@ -31,9 +31,9 @@
}
/* Catalog */
:root.burichan .catalog-thread:hover {
:root.burichan .catalog-thread:hover, :root.burichan .catalog-thread:hover > .comment {
background-color: #D6DAF0;
outline: 1px solid #B7C5D9;
border-color: #B7C5D9;
}
/* Quote */

4
src/css/futaba.css
View File

@ -31,9 +31,9 @@
}
/* Catalog */
:root.futaba .catalog-thread:hover {
:root.futaba .catalog-thread:hover, :root.futaba .catalog-thread:hover > .comment {
background-color: #F0E0D6;
outline: 1px solid #D9BFB7;
border-color: #D9BFB7;
}
/* Quote */

4
src/css/photon.css
View File

@ -31,9 +31,9 @@
}
/* Catalog */
:root.photon .catalog-thread:hover {
:root.photon .catalog-thread:hover, :root.photon .catalog-thread:hover > .comment {
background-color: #DDD;
outline: 1px solid #CCC;
border-color: #CCC;
}
:root.photon .catalog-code {
background-color: rgba(150, 150, 150, 0.2);

12
src/css/style.css
View File

@ -790,10 +790,18 @@ div[data-checked="false"] > .suboption-list {
[name="delform"], .board, .catalog-thread, .catalog-thread:hover > .comment {
background-color: inherit;
}
.catalog-thread:hover > .comment {
overflow: visible;
.catalog-thread:hover {
margin: -1px 1px 4px;
border: 1px solid transparent;
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;
}
/* /tg/ dice rolls */
.board_tg .catalog-thread > .comment > b {
font-weight: normal;

4
src/css/tomorrow.css
View File

@ -30,9 +30,9 @@
}
/* Catalog */
:root.tomorrow .catalog-thread:hover {
:root.tomorrow .catalog-thread:hover, :root.tomorrow .catalog-thread:hover > .comment {
background-color: #282A2E;
outline: 1px solid #111;
border-color: #111;
}
:root.tomorrow .catalog-code {
background-color: rgba(255, 255, 255, 0.1);

4
src/css/yotsuba-b.css
View File

@ -31,9 +31,9 @@
}
/* Catalog */
:root.yotsuba-b .catalog-thread:hover {
:root.yotsuba-b .catalog-thread:hover, :root.yotsuba-b .catalog-thread:hover > .comment {
background-color: #D6DAF0;
outline: 1px solid #B7C5D9;
border-color: #B7C5D9;
}
/* Quote */

4
src/css/yotsuba.css
View File

@ -31,9 +31,9 @@
}
/* Catalog */
:root.yotsuba .catalog-thread:hover {
:root.yotsuba .catalog-thread:hover, :root.yotsuba .catalog-thread:hover > .comment {
background-color: #F0E0D6;
outline: 1px solid #D9BFB7;
border-color: #D9BFB7;
}
/* Quote */