| @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; |
| } |
| } |