add style to make tabs clickable
This commit is contained in:
parent
13fd8a45e3
commit
b8ee2cabcf
|
@ -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; }
|
||||
|
|
Loading…
Reference in New Issue