Browse Source

Fix inline form validation prompt styles

pull/2979/head
Jack Lukic 9 years ago
parent
commit
8b19b0d8f8
2 changed files with 2 additions and 3 deletions
  1. 2
      src/definitions/collections/form.less
  2. 3
      src/themes/default/collections/form.variables

2
src/definitions/collections/form.less

@ -280,11 +280,11 @@
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
vertical-align: top;
margin: @inlinePromptMargin;
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
margin-top: @inlinePromptArrowOffset;
border-width: 0px 0px @inlinePromptBorderWidth @inlinePromptBorderWidth;
bottom: auto;
right: auto;

3
src/themes/default/collections/form.variables

@ -72,9 +72,8 @@
@promptBorderColor: @formErrorBorder;
@promptBorder: 1px solid @promptBorderColor;
@promptTextColor: @formErrorColor;
@inlinePromptMargin: -0.5em 0em -0.5em @rowDistance;
@inlinePromptMargin: -0.25em 0em -0.5em 0.5em;
@inlinePromptBorderWidth: 1px;
@inlinePromptArrowOffset: ~"calc(-0.3em - "@inlinePromptBorderWidth~")";
/*-------------------
States

Loading…
Cancel
Save