@mixin os-table { | |
.v-table { | |
.v-label>img { | |
@if $os-img-size-override == true { | |
border-radius: $os-unit-size *0.5; | |
max-height: $os-unit-size; | |
} | |
} | |
img.v-icon { | |
@if $os-img-size-override == true { | |
max-height: $os-unit-size; | |
} | |
} | |
} | |
.v-table-table { | |
//color: valo-font-color($os-background-color); | |
td { | |
border-top: 0px; | |
} | |
} | |
.v-table-body-wrapper { | |
border: 0px; | |
} | |
.v-table-body { | |
background-color: $os-light-contrast; | |
} | |
.v-table-cell-wrapper > .v-widget { | |
margin: inherit; // affects row height | |
} | |
.v-table-header { | |
font-size: $os-font-size; | |
.v-icon { | |
display: none; | |
} | |
} | |
.v-table-header-wrap { | |
border: 0px; | |
//background-image: none !important; | |
//background-color: $os-background-color; | |
//color: valo-font-color($os-background-color); | |
font-weight: bold; | |
border-top: $os-border; | |
border-bottom: $os-border; | |
.v-table-column-selector { | |
border: 0px; | |
width: auto !important; | |
right: 1px; | |
@include os-icon-font($content: '\f0c9', | |
$float: right); | |
} | |
} | |
.v-align-right > .v-table-cell-wrapper { | |
text-align: right !important; | |
} | |
.v-align-center >.v-table-cell-wrapper { | |
text-align: center !important; | |
} | |
.v-align-left > .v-table-cell-wrapper { | |
text-align: left !important; | |
} | |
[class*="rowheader"] { | |
background-color: rgba($os-highlight-color, 0.1); | |
} | |
/* FILTER */ | |
.filters-wrap { | |
overflow: hidden; | |
background-color: $os-light-contrast; | |
height: $os-unit-size; | |
div { | |
height: $os-unit-size; | |
} | |
} | |
.filters-panel { | |
width: 90000px; | |
overflow: hidden; | |
line-height: $os-line-height; | |
color: valo-font-color($os-light-contrast); | |
font-style: italic; | |
> div, > span, > input { | |
float: left !important; | |
} | |
.v.label, .filterplaceholder { | |
height: $os-unit-size - first($v-border); //first list element | |
//background-color: $os-background-color; | |
border-bottom: $os-border; | |
} | |
.v-textfield { | |
@include os-textfield-filterspanel; | |
} | |
.datefilterpopup, .numberfilterpopup { | |
> .v-button { | |
@include os-button-filterspanel; | |
} | |
} | |
} | |
} |