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

form tweaks

This commit is contained in:
Matthias Kretschmann 2017-06-27 21:59:58 +02:00
parent 51ea4f0707
commit 2b531e601a
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 25 additions and 7 deletions

View File

@ -7,8 +7,15 @@
.section--firsttransaction {
overflow: visible;
h4 {
margin-bottom: $spacer * 2.5;
.section-title {
font-size: $font-size-h3;
text-align: left;
margin-top: $spacer * 3;
margin-bottom: $spacer * 3;
&:after {
display: none;
}
}
}
@ -16,11 +23,21 @@
// mnml frm
background: none;
padding: 0;
min-height: 340px;
display: flex;
align-items: center;
flex-wrap: wrap;
.form-group:first-child {
margin-top: 0;
}
}
.form--transaction__content {
border: none;
padding: 0;
width: 100%;
}
.waiting {

View File

@ -309,8 +309,8 @@ input[type='checkbox'] {
.parsley-errors-list {
@extend .list-unstyled;
position: absolute;
left: 0;
bottom: 0;
right: 0;
bottom: $spacer * 1.2;
font-size: $font-size-xs;
&,

View File

@ -8,7 +8,7 @@ firsttransaction:
message:
label: "Type a message"
button: "Off you go"
request: "A transaction can contain a digital asset along with a message. Type something to be sent along the asset."
request: "A transaction can contain a digital asset along with a message. Type something above to be sent along the asset."
response: "Nicely done! You have just created an asset, sent it along in a signed transaction and retrieved the result of that transaction. Phew."

View File

@ -24,11 +24,10 @@ redirect_from:
</aside>
<div class="row row--wide">
<h4>{{ content.firsttransaction.title }}</h4>
<h1 class="section-title">{{ content.firsttransaction.title }}</h1>
<div class="grid grid--full grid-small--half grid--gutters">
<div class="grid__col">
<p class="message alert alert--info">{{ content.firsttransaction.message.request }}</p>
<form id="form-transaction" class="form form--transaction js-parsley">
<fieldset class="form--transaction__content">
@ -38,6 +37,8 @@ redirect_from:
<label class="form-label" for="message">{{ content.firsttransaction.message.label }}</label>
</p>
<p class="message alert alert--info">{{ content.firsttransaction.message.request }}</p>
<button class="btn btn-primary" id="post" disabled>{{ content.firsttransaction.message.button }}</button>
</fieldset>