blob: 2e2a3213f92b0c1b07d46a4fee29b38998f2da4b [file] [log] [blame]
@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;
}
}