mirror of
https://github.com/bigchaindb/site.git
synced 2024-12-24 18:36:11 +01:00
required indicator for all forms
This commit is contained in:
parent
0f7fab949c
commit
3cc95699a8
@ -54,12 +54,36 @@
|
||||
cursor: disabled;
|
||||
}
|
||||
|
||||
//
|
||||
// required indicator after the label
|
||||
//
|
||||
&:required,
|
||||
&[required] {
|
||||
+ .form-label,
|
||||
+ .select-target + .form-label {
|
||||
&:after {
|
||||
content: "*";
|
||||
@extend .required;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.background--photo & {
|
||||
border-bottom-color: rgba(#fff, .5);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// required indicator
|
||||
//
|
||||
.required {
|
||||
color: $brand-main-violet;
|
||||
padding-left: .1rem;
|
||||
padding-right: .1rem;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Floating placeholder labels
|
||||
//
|
||||
|
@ -176,6 +176,7 @@
|
||||
}
|
||||
|
||||
+ .form-label {
|
||||
visibility: hidden;
|
||||
//visibility: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
@ -32,6 +32,9 @@
|
||||
<input class="form-control" type="tel" id="phone" name="phone">
|
||||
<label class="form-label" for="phone">Your Phone Number</label>
|
||||
</p>
|
||||
<p class="form-group text-dimmed mini">
|
||||
Fields marked with an <span class="required">*</span> are required.
|
||||
</p>
|
||||
<p class="form-group text-dimmed">
|
||||
Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
|
||||
</p>
|
||||
@ -87,6 +90,9 @@
|
||||
<input class="form-control" type="tel" id="phone-entity" name="phone">
|
||||
<label class="form-label" for="phone-entity">Contact Phone Number</label>
|
||||
</p>
|
||||
<p class="form-group text-dimmed mini">
|
||||
Fields marked with an <span class="required">*</span> are required.
|
||||
</p>
|
||||
<p class="form-group text-dimmed">
|
||||
Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
|
||||
</p>
|
||||
|
@ -12,6 +12,9 @@
|
||||
<textarea class="form-control" id="comment" name="comment" rows="1" required></textarea>
|
||||
<label class="form-label" for="comment">Your Message</label>
|
||||
</p>
|
||||
<p class="form-group text-dimmed mini">
|
||||
Fields marked with an <span class="required">*</span> are required.
|
||||
</p>
|
||||
<p class="form-group">
|
||||
<input class="btn btn-primary" type="submit" value="Send">
|
||||
</p>
|
||||
|
@ -42,7 +42,7 @@
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<select class="form-control" id="industry" name="industry" required data-required="true">
|
||||
<option value="">Industry</option>
|
||||
<option value=""> </option>
|
||||
<option value="Automotive">Automotive</option>
|
||||
<option value="Banking">Banking</option>
|
||||
<option value="Consulting">Consulting</option>
|
||||
@ -64,7 +64,7 @@
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<select class="form-control" id="interest" name="interest" required data-required="true">
|
||||
<option value="">Interested in</option>
|
||||
<option value=""> </option>
|
||||
<option value="Education">Education</option>
|
||||
<option value="Partnership">Partnership</option>
|
||||
<option value="Prototype">Proof-of-Concept / Prototype / Pilot</option>
|
||||
@ -80,6 +80,9 @@
|
||||
<textarea class="form-control" id="comment" name="comment" rows="1"></textarea>
|
||||
<label class="form-label" for="comment">Comments</label>
|
||||
</p>
|
||||
<p class="form-group text-dimmed mini">
|
||||
Fields marked with an <span class="required">*</span> are required.
|
||||
</p>
|
||||
<p class="form-group">
|
||||
<input class="btn btn-primary" type="submit" value="Send">
|
||||
</p>
|
||||
|
Loading…
Reference in New Issue
Block a user