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

Revert "Revert catalog hover CSS for now due to reflow problems. #489"

Browse Source 
This reverts commit c4f1d3c5c7d804ddca0527efab2fc871e97deba6.
This commit is contained in:
ccd0 2016-09-21 14:31:17 -07:00
parent 9891f03bca
commit 452e28e70d
7 changed files with 47 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/burichan.css
View File

@ -30,6 +30,12 @@
background-color: #D6DAF0;
}
/* Catalog */
:root.burichan .catalog-thread:hover, :root.burichan .catalog-thread:hover > .comment {
background-color: #D6DAF0;
border-color: #B7C5D9;
}
/* Quote */
:root.burichan .backlink.deadlink {
color: #34345C !important;

6
src/css/futaba.css
View File

@ -30,6 +30,12 @@
background-color: #F0E0D6;
}
/* Catalog */
:root.futaba .catalog-thread:hover, :root.futaba .catalog-thread:hover > .comment {
background-color: #F0E0D6;
border-color: #D9BFB7;
}
/* Quote */
:root.futaba .backlink.deadlink {
color: #00E !important;

4
src/css/photon.css
View File

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

15
src/css/style.css
View File

@ -796,6 +796,21 @@ div[data-checked="false"] > .suboption-list {
text-align: center;
margin: 0;
}
[name="delform"], .board, .catalog-thread, .catalog-thread:hover > .comment {
background-color: inherit;
}
.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,6 +30,10 @@
}
/* Catalog */
:root.tomorrow .catalog-thread:hover, :root.tomorrow .catalog-thread:hover > .comment {
background-color: #282A2E;
border-color: #111;
}
:root.tomorrow .catalog-code {
background-color: rgba(255, 255, 255, 0.1);
}

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

@ -30,6 +30,12 @@
background-color: #D6DAF0;
}
/* Catalog */
:root.yotsuba-b .catalog-thread:hover, :root.yotsuba-b .catalog-thread:hover > .comment {
background-color: #D6DAF0;
border-color: #B7C5D9;
}
/* Quote */
:root.yotsuba-b .backlink.deadlink {
color: #34345C !important;

6
src/css/yotsuba.css
View File

@ -30,6 +30,12 @@
background-color: #F0E0D6;
}
/* Catalog */
:root.yotsuba .catalog-thread:hover, :root.yotsuba .catalog-thread:hover > .comment {
background-color: #F0E0D6;
border-color: #D9BFB7;
}
/* Quote */
:root.yotsuba .backlink.deadlink {
color: #00E !important;