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

2
src/css/tomorrow.css
View File

@ -88,7 +88,7 @@
:root.tomorrow.werkTyme .catalog-thread.watched:not(:hover), :root.tomorrow.werkTyme .catalog-thread.watched:not(:hover),
:root.tomorrow.werkTyme:not(.catalog-hover-expand) .catalog-thread.watched, :root.tomorrow.werkTyme:not(.catalog-hover-expand) .catalog-thread.watched,
:root.tomorrow.werkTyme.catalog-hover-expand .catalog-thread.watched > .catalog-container:hover > .catalog-post { :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);
} }