FIX: Adjust location of selected & focus styling of topic list items (#22)

This commit is contained in:
Jordan Vidrine 2022-09-20 16:05:07 -05:00 committed by GitHub
parent d2bfcd6ce2
commit 976b9b3059
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 0 deletions

1
HELP Normal file
View File

@ -0,0 +1 @@
Are you a bit lost? Be sure to read https://meta.discourse.org/t/how-to-develop-custom-themes/60848

View File

@ -331,6 +331,7 @@ html body #main-outlet {
position: relative;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
overflow: hidden;
&.visited {
border: 1px solid rgba(var(--primary-rgb), 0.1);
.discourse-tag {
@ -513,3 +514,25 @@ html body #main-outlet {
background-color: var(--primary-low-mid);
border-radius: 0.5em;
}
.topic-list tr.selected td:nth-child(2),
.topic-list-item.selected td:nth-child(2),
.latest-topic-list-item.selected,
.search-results .fps-result.selected {
box-shadow: inset 3px 0 0 var(--danger);
}
.topic-list tr.selected td:first-child,
.topic-list-item.selected td:first-child,
.latest-topic-list-item.selected,
.search-results .fps-result.selected {
box-shadow: none;
}
.topic-list .main-link.focused + .posters {
box-shadow: inset 3px 0 0 var(--tertiary);
}
.topic-list .main-link.focused {
box-shadow: none;
}