Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2597 from awesomerobot/master 

fixing tiger striping on mobile
This commit is contained in:
Jeff Atwood 2014-07-28 07:35:15 -07:00
parent f7c7d38a30 22efc2147b
commit 69e5fc7f97
4 changed files with 50 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/base/_topic-list.scss
View File

@ -21,9 +21,7 @@
background: rgba($secondary, .8); background: rgba($secondary, .8);
> tbody > tr { > tbody > tr {
&:nth-child(even) {
background-color: darken($secondary, 3%);
}
&.archived a { &.archived a {
opacity: 0.6; opacity: 0.6;
} }

21
app/assets/stylesheets/desktop/topic-list.scss
View File

@ -61,7 +61,14 @@
button i.fa {color: scale-color($primary, $lightness: 50%);} 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 { button.bulk-select {
padding: 0; padding: 0;
background: transparent; background: transparent;
@ -154,11 +161,13 @@
th.posts { th.posts {
position: relative; position: relative;
} }
> tbody > tr:nth-child(odd) { > tbody > tr {
background-color: darken($secondary, 3%); &:nth-child(odd) {
} background-color: darken($secondary, 3%);
> tbody > tr:nth-child(even) { }
background-color: $secondary; &:nth-child(even) {
background-color: $secondary;
}
} }
th .toggle-admin { th .toggle-admin {
position: absolute; position: absolute;

13
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -464,10 +464,15 @@ a.star {
#suggested-topics { #suggested-topics {
clear: left; clear: left;
padding: 20px 0 15px 0; padding: 20px 0 15px 0;
#topic-list > tbody > tr:nth-child(even) { #topic-list {
background-color: darken($secondary, 3%); > tbody > tr {
} &:nth-child(odd) {
#topic-list > tbody > tr:nth-child(odd) { background-color: darken($secondary, 3%);
}
&:nth-child(even) {
background-color: $secondary;
}
}
} }
table { table {
box-shadow: none; box-shadow: none;

28
app/assets/stylesheets/mobile/topic-list.scss
View File

@ -28,6 +28,16 @@
// -------------------------------------------------- // --------------------------------------------------
#topic-list { #topic-list {
> tbody > tr {
&:nth-child(odd) {
background-color: darken($secondary, 3%);
}
&:nth-child(even) {
background-color: $secondary;
}
}
th, th,
td { td {
padding: 7px 5px; padding: 7px 5px;
@ -71,6 +81,8 @@
// Category list // Category list
// -------------------------------------------------- // --------------------------------------------------
#topic-list.categories { #topic-list.categories {
td.latest { td.latest {
vertical-align: top; vertical-align: top;
@ -112,15 +124,25 @@
} }
.category-list-item { .category-list-item {
#topic-list > tbody > tr {
&:nth-child(odd) {
background-color: $secondary;
}
&:nth-child(even) {
background-color: $secondary;
}
}
margin-bottom: 10px; margin-bottom: 10px;
#topic-list tbody tr:nth-child(even) {
background-color: darken($secondary, 3%);
}
th .badge-category { th .badge-category {
float: left; float: left;
margin: 1px 4px 0 0; margin: 1px 4px 0 0;
font-size: 110%; font-size: 110%;
} }
.posters { .posters {
float: left; float: left;
} }