bigchaindb/site
1
0
Fork 0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00
Code Releases Activity

required indicator for all forms

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-04-13 14:22:57 +02:00
parent 0f7fab949c
commit 3cc95699a8
Signed by: m
GPG Key ID: BD3C1F3EDD7831FC
5 changed files with 40 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
_src/_assets/styles/bigchain/_forms.scss
View File

@ -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
//

3
_src/_assets/styles/bigchain/_select-theme-bigchaindb.scss
View File

@ -176,6 +176,7 @@
}
+ .form-label {
visibility: hidden;
//visibility: hidden;
pointer-events: none;
}
}

6
_src/_includes/form-cla.html
View File

@ -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>

3
_src/_includes/form-contact.html
View File

@ -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>

7
_src/_includes/form-enterprise.html
View File

@ -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="">&nbsp;</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="">&nbsp;</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>