1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- @mixin base-treetable($primaryStyleName : v-treetable) {
-
- .#{$primaryStyleName}-treespacer {
- display: inline-block;
- background: transparent;
- height: 10px;
- /* defines the amount of indent per level */
- width: 18px;
- position: absolute;
- left: 0;
- top: 5px;
- }
-
- .#{$primaryStyleName}-node-closed {
- background: url(../treetable/img/arrow-right.png) right top no-repeat;
- }
-
- .#{$primaryStyleName}-node-open {
- background: url(../treetable/img/arrow-down.png) right top no-repeat;
- }
-
- .#{$primaryStyleName} .v-checkbox {
- display: inline-block;
- padding-bottom: 4px;
- }
-
- .#{$primaryStyleName} .v-table-row .v-table-cell-content,
- .#{$primaryStyleName} .v-table-row-odd .v-table-cell-content {
- z-index: 10;
- }
-
- .#{$primaryStyleName} .v-table-cell-wrapper {
- position: relative;
- }
-
- .#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating {
- zoom:1;
- z-index:1;
- }
-
- .#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating,
- .#{$primaryStyleName} .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
- background:transparent;
- }
-
- .#{$primaryStyleName}-animation-clone {
- border-spacing: 0;
- zoom:1;
- }
-
- div.#{$primaryStyleName}-animation-clone-wrapper {
- position: absolute;
- z-index: 2;
- background-color:#fff;
- }
-
- div.#{$primaryStyleName}-animation-clone-wrapper table.#{$primaryStyleName}-animation-clone {
- background-color:#fff;
- }
-
- div table.#{$primaryStyleName}-animation-clone tr.v-table-row,
- div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd,
- div table.#{$primaryStyleName}-animation-clone tr.v-table-row td.v-table-cell-content,
- div table.#{$primaryStyleName}-animation-clone tr.v-table-row-odd td.v-table-cell-content {
- visibility: visible;
- }
-
- }
|