add style to make tabs clickable

This commit is contained in:
giorgia 2017-03-20 15:23:00 +01:00
parent 13fd8a45e3
commit b8ee2cabcf
1 changed files with 24 additions and 4 deletions

View File

@ -29,12 +29,32 @@ $mobile-breakpoint: 700px;
.admin-contents table {
width: 100%;
margin-top: 10px;
tr {text-align: left;}
td, th {padding: 8px;}
th {border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%); text-align: left;}
td {border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%); border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);}
th.sortable i.fa-chevron-down,
th.sortable i.fa-chevron-up {margin-left: 0.5em;}
td {
border-bottom: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -60%);
}
th {
text-align: left;
&.sortable {
cursor: pointer;
white-space: nowrap;
&:hover {
background-color: #e9e9e9;
background-color: lighten($primary, 80%);
}
i.fa-chevron-down,
i.fa-chevron-up {
margin-left: 0.5em;
}
}
}
tr:hover { background-color: darken($secondary, 2.5%); }
tr.selected { background-color: lighten($primary, 80%); }
.filters input { margin-bottom: 0; }