123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- @mixin base-formlayout($primaryStyleName : v-formlayout) {
-
- .#{$primaryStyleName}.v-has-width > table {
- width: 100%;
- }
- .#{$primaryStyleName}.v-has-height > table {
- height: 100%;
- }
- .#{$primaryStyleName}-cell .v-errorindicator {
- display: block;
- }
- .#{$primaryStyleName}-error-indicator {
- /* fix width so layout is not jumpy when error disappears */
- width: 12px;
- }
- .#{$primaryStyleName}-captioncell {
- text-align:right;
- white-space: nowrap;
- }
- .#{$primaryStyleName}-errorcell, .#{$primaryStyleName}-captioncell {
- width: 1px; /* Don't use any extra space */
- min-width: 1px;
- }
- .#{$primaryStyleName}-captioncell .v-caption {
- overflow: visible;
- }
- .#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell,
- .#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell,
- .#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-errorcell {
- padding-top: 6px;
- }
- .#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell,
- .#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell,
- .#{$primaryStyleName}-spacing > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell {
- padding-top: 0;
- }
- .#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-captioncell,
- .#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-contentcell,
- .#{$primaryStyleName}-margin-top > tbody > .#{$primaryStyleName}-firstrow > .#{$primaryStyleName}-errorcell {
- padding-top: 12px;
- }
- .#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-captioncell,
- .#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-contentcell,
- .#{$primaryStyleName}-margin-bottom > tbody > .#{$primaryStyleName}-lastrow > .#{$primaryStyleName}-errorcell {
- padding-bottom: 12px;
- }
- .#{$primaryStyleName}-margin-left > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-captioncell {
- padding-left: 12px;
- }
- .#{$primaryStyleName}-margin-right > tbody > .#{$primaryStyleName}-row > .#{$primaryStyleName}-contentcell {
- padding-right: 12px;
- }
- .#{$primaryStyleName}-captioncell .v-caption .v-required-field-indicator {
- float: none;
- }
-
- }
|