blob: d15fa0fb1efbe74f5d9814a17de88114aa1ee4c1 [file] [log] [blame]
@mixin os-grid-util {
/* --------- boolean renderer --------- */
.v-icon.v-grid-cell-boolean {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.v-grid-cell-boolean.boolean-true:before {
content: "\f14a";
}
.v-grid-cell-boolean.boolean-false:before {
content: "\f00d";
}
.v-grid-cell-boolean.boolean-null:before {
content: "\f096";
}
.v-grid-row .v-grid-cell center, .v-grid-row .v-grid-cell .v-icon.v-grid-cell-boolean {
line-height: inherit;
}
/* --------- button value renderer --------- */
.v-button-value-cell {
clear: both;
position: relative;
width: 100%;
}
.v-button-value-cell .v-button-bar {
position: absolute;
left: -4px;
top: -4px;
display: inline-block;
text-align: center;
}
.v-button-value-cell .v-button-bar button {
cursor: pointer;
width: 30px;
height: 30px;
font-family: FontAwesome !important;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 2px;
}
.v-button-value-cell .v-button-bar button.v-view span:before {
content: "\f06e";
}
.v-button-value-cell .v-button-bar button.v-edit span:before {
content: "\f040";
}
.v-button-value-cell .v-button-bar button.v-delete span:before {
content: "\f014";
}
.v-button-value-cell .v-cell-value {
padding-left: 32px;
}
.v-button-value-cell.two-buttons .v-cell-value {
padding-left: 65px;
}
.v-button-value-cell.three-buttons .v-cell-value {
padding-left: 98px;
}
/* fix for reindeer theme */
.reindeer .v-button-value-cell .v-button-bar button {
width: 20px;
height: 20px;
}
.reindeer .v-button-value-cell .v-cell-value {
padding-left: 22px;
}
.reindeer .v-button-value-cell.two-buttons .v-cell-value {
padding-left: 45px;
}
.reindeer .v-button-value-cell.three-buttons .v-cell-value {
padding-left: 68px;
}
.reindeer .v-button-bar button span {
margin: 0 0 0 -3px;
}
/* --------- grid cell alignment --------- */
.v-grid-cell.centeralign {
text-align: center;
}
.v-grid-cell.rightalign {
text-align: right;
}
/* --------- indicator styling --------- */
.v-grid-cell-indicator {
width: 100%;
height: 100%;
text-align: center;
cursor: pointer;
}
.v-grid-row .v-grid-cell .v-grid-cell-indicator {
line-height: inherit;
}
.v-grid-cell-indicator span.green {
color: green;
}
.v-grid-cell-indicator span.red {
color: red;
}
.v-grid-cell-indicator span.black {
color: black;
}
.v-grid-cell-indicator span.na {
color: yellow;
}
}