fixing tiger striping on mobile

This commit is contained in:
Kris Aubuchon 2014-07-28 10:33:23 -04:00
parent f7c7d38a30
commit 22efc2147b
4 changed files with 50 additions and 16 deletions

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

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;

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;

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