apollodec/Apollo/master/sass/partials/_tables.scss
venbatechnologies@gmail.com d06b1c0cba status file
2017-12-07 11:31:25 +05:30

154 lines
3.4 KiB
SCSS
Executable File

/* ---------------------------------------------------------------------- */
/* Tables
/* ---------------------------------------------------------------------- */
.table {
border-collapse: separate;
}
.table > thead > tr > th {
border-top: none;
}
.table-bordered.table > thead > tr > th {
border-bottom: 1px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-bottom: 1px solid lighten($grey,10%);
color: $text-dark !important;
border-top: none;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
background-color: lighten($grey, 12%);
}
.table > tbody > tr.active > td, .table > tbody > tr.active > th {
background-color: lighten($grey, 12%) !important;
color: $text-dark !important;
}
.table > tbody > tr.active:hover > td, .table > tbody > tr.active:hover > th {
background-color: lighten($grey, 8%) !important;
color: $text-dark !important;
}
th.center, td.center {
text-align: center;
}
td.center .dropdown-menu {
text-align: left;
}
td.small-width {
width: 15%;
}
.table thead tr {
color: #707070;
font-weight: normal;
}
.table.table-bordered {
border-right: none;
border-bottom: none;
}
.table.table-bordered thead tr th {
vertical-align: middle;
}
.table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th, .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td {
border-top: none;
border-left: none;
}
.table.table-bordered > thead > tr > th, .table.table-bordered > tbody > tr > th, .table.table-bordered > tfoot > tr > th, .table.table-bordered > thead > tr > td, .table.table-bordered > tbody > tr > td, .table.table-bordered > tfoot > tr > td {
border-top: none;
border-left: none;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
vertical-align: middle;
}
.table-striped > tbody > tr:nth-child(2n+1) {
background-color: lighten($grey,15%);
}
.editable-element {
border-bottom: 1px dashed #0088CC;
text-decoration: none;
opacity: 0.5;
display: inline;
}
.ng-table th {
text-align: left !important;
}
.ng-table .plus, .ng-table .minus {
font-weight: bold;
padding-left: 18px;
position: relative;
}
.ng-table .plus:before, .ng-table .minus:before {
content: "";
border-width: 4px;
border-style: solid;
left: 8px;
top: 50%;
position: absolute;
margin-top: -2px;
}
.ng-table .plus {
color: green;
}
.ng-table .plus:before {
border-color: green;
border-top: none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.ng-table .minus {
color: red;
}
.ng-table .minus:before {
border-color: red;
border-bottom: none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.odd {
background: #EFEFF0;
}
.even {
background: #ffffff;
}
.ng-table-pager {
@media (max-width: $screen-xs-max) {
text-align: center;
.ng-table-counts {
float: none !important;
}
.pagination {
display: block;
li {
display: inline-block;
}
}
}
}