1
0
mirror of https://github.com/bigchaindb/site.git synced 2025-02-14 21:10:28 +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 { .section--firsttransaction {
overflow: visible; overflow: visible;
h4 { .section-title {
margin-bottom: $spacer * 2.5; 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 // mnml frm
background: none; background: none;
padding: 0; padding: 0;
min-height: 340px;
display: flex;
align-items: center;
flex-wrap: wrap;
.form-group:first-child {
margin-top: 0;
}
} }
.form--transaction__content { .form--transaction__content {
border: none; border: none;
padding: 0; padding: 0;
width: 100%;
} }
.waiting { .waiting {

View File

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

View File

@ -8,7 +8,7 @@ firsttransaction:
message: message:
label: "Type a message" label: "Type a message"
button: "Off you go" 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." 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> </aside>
<div class="row row--wide"> <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 grid--full grid-small--half grid--gutters">
<div class="grid__col"> <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"> <form id="form-transaction" class="form form--transaction js-parsley">
<fieldset class="form--transaction__content"> <fieldset class="form--transaction__content">
@ -38,6 +37,8 @@ redirect_from:
<label class="form-label" for="message">{{ content.firsttransaction.message.label }}</label> <label class="form-label" for="message">{{ content.firsttransaction.message.label }}</label>
</p> </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> <button class="btn btn-primary" id="post" disabled>{{ content.firsttransaction.message.button }}</button>
</fieldset> </fieldset>