diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss index 331573b6c1f..7136cb78e56 100644 --- a/app/assets/stylesheets/common/base/_topic-list.scss +++ b/app/assets/stylesheets/common/base/_topic-list.scss @@ -21,9 +21,7 @@ background: rgba($secondary, .8); > tbody > tr { - &:nth-child(even) { - background-color: darken($secondary, 3%); - } + &.archived a { opacity: 0.6; } diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss index f22de3f6d51..0555b7abc4e 100644 --- a/app/assets/stylesheets/desktop/topic-list.scss +++ b/app/assets/stylesheets/desktop/topic-list.scss @@ -61,7 +61,14 @@ button i.fa {color: scale-color($primary, $lightness: 50%);} } - + > tbody > tr { + &:nth-child(even) { + background-color: darken($secondary, 3%); + } + &:nth-child(odd) { + background-color: $secondary; + } + } button.bulk-select { padding: 0; background: transparent; @@ -154,11 +161,13 @@ th.posts { position: relative; } - > tbody > tr:nth-child(odd) { - background-color: darken($secondary, 3%); - } - > tbody > tr:nth-child(even) { - background-color: $secondary; + > tbody > tr { + &:nth-child(odd) { + background-color: darken($secondary, 3%); + } + &:nth-child(even) { + background-color: $secondary; + } } th .toggle-admin { position: absolute; diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index 99de6d0b641..5a0c4c4e259 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -464,10 +464,15 @@ a.star { #suggested-topics { clear: left; padding: 20px 0 15px 0; - #topic-list > tbody > tr:nth-child(even) { - background-color: darken($secondary, 3%); - } - #topic-list > tbody > tr:nth-child(odd) { + #topic-list { + > tbody > tr { + &:nth-child(odd) { + background-color: darken($secondary, 3%); + } + &:nth-child(even) { + background-color: $secondary; + } + } } table { box-shadow: none; diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss index 0343978a9be..444ae51774a 100644 --- a/app/assets/stylesheets/mobile/topic-list.scss +++ b/app/assets/stylesheets/mobile/topic-list.scss @@ -28,6 +28,16 @@ // -------------------------------------------------- #topic-list { + + > tbody > tr { + &:nth-child(odd) { + background-color: darken($secondary, 3%); + } + &:nth-child(even) { + background-color: $secondary; + } + } + th, td { padding: 7px 5px; @@ -71,6 +81,8 @@ // Category list // -------------------------------------------------- + + #topic-list.categories { td.latest { vertical-align: top; @@ -112,15 +124,25 @@ } .category-list-item { + + #topic-list > tbody > tr { + &:nth-child(odd) { + background-color: $secondary; + } + &:nth-child(even) { + background-color: $secondary; + } + } + margin-bottom: 10px; - #topic-list tbody tr:nth-child(even) { - background-color: darken($secondary, 3%); - } + th .badge-category { float: left; margin: 1px 4px 0 0; font-size: 110%; } + + .posters { float: left; }