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

Switch back to using border for highlighting watched threads in catalog.

Browse Source
This commit is contained in:
ccd0 2016-10-13 16:05:36 -07:00
parent b6ecef2470
commit bf39756e00
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/css/style.css
View File

@ -717,6 +717,8 @@ div[data-checked="false"] > .suboption-list {
}
.catalog-thread {
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid transparent;
word-wrap: break-word;
vertical-align: top;
@ -727,12 +729,12 @@ div[data-checked="false"] > .suboption-list {
margin: 4px;
}
.catalog-small > .catalog-thread {
width: 165px;
height: 320px;
width: 167px;
height: 322px;
}
.catalog-large > .catalog-thread {
width: 270px;
height: 410px;
width: 272px;
height: 412px;
}
:root.catalog-hover-expand .catalog-thread:hover {
z-index: 1;
@ -881,8 +883,7 @@ div[data-checked="false"] > .suboption-list {
.catalog-reply {
text-align: left;
white-space: nowrap;
margin: -1px;
border: 1px solid transparent;
border-top: 1px solid transparent;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
@ -1337,10 +1338,10 @@ input[name="Default Volume"] {
box-shadow: 0 0 3px 3px rgba(255, 0, 0, .5);
}
:root:not(.werkTyme) .catalog-thread.watched .catalog-thumb,
:root.werkTyme .catalog-thread.watched:not(:hover),
:root.werkTyme:not(.catalog-hover-expand) .catalog-thread.watched,
:root:root.werkTyme .catalog-thread.watched:not(:hover),
:root:root.werkTyme:not(.catalog-hover-expand) .catalog-thread.watched,
:root.werkTyme.catalog-hover-expand .catalog-thread.watched > .catalog-container:hover > .catalog-post {
outline: 2px solid rgba(255, 0, 0, .75);
border: 2px solid rgba(255, 0, 0, .75);
}
/* Spoiler text */

2
src/css/tomorrow.css
View File

@ -88,7 +88,7 @@
:root.tomorrow.werkTyme .catalog-thread.watched:not(:hover),
:root.tomorrow.werkTyme:not(.catalog-hover-expand) .catalog-thread.watched,
:root.tomorrow.werkTyme.catalog-hover-expand .catalog-thread.watched > .catalog-container:hover > .catalog-post {
outline: 2px solid rgb(64, 192, 255);
border: 2px solid rgb(64, 192, 255);
}