codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-27 17:46:05 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #2597 from awesomerobot/master

Browse source 
fixing tiger striping on mobile
This commit is contained in:
Jeff Atwood 2014-07-28 07:35:15 -07:00
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);
> tbody > tr {
&:nth-child(even) {
background-color: darken($secondary, 3%);
}
&.archived a {
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%);}
}
> 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;

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

@ -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;

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

@ -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;
}