Cleanup styles for login form

This commit is contained in:
Lance Edgar 2019-08-30 13:56:06 -05:00
parent 7aa5c8e724
commit c1c37aad85
2 changed files with 38 additions and 5 deletions

View file

@ -0,0 +1,27 @@
<span tal:define="name name|field.name;
css_class css_class|field.widget.css_class;
oid oid|field.oid;
mask mask|field.widget.mask;
mask_placeholder mask_placeholder|field.widget.mask_placeholder;
style style|field.widget.style;
use_buefy use_buefy|0;"
tal:omit-tag="">
<input tal:condition="not use_buefy"
type="password"
name="${name}"
value="${field.widget.redisplay and cstruct or ''}"
tal:attributes="style style;
class string: form-control ${css_class or ''};
attributes|field.widget.attributes|{};"
id="${oid}" />
<div tal:condition="use_buefy"
tal:define="vmodel vmodel|'field_model_' + name;"
tal:omit-tag="">
<b-input name="${name}"
v-model="${vmodel}"
type="password">
</b-input>
</div>
</span>

View file

@ -19,6 +19,15 @@
max-height: 350px;
max-width: 800px;
}
/* this "undoes" global styles for field labels */
.field.is-horizontal .field-label .label {
width: auto;
}
.buttons {
justify-content: right;
}
</style>
% else:
${h.stylesheet_link(request.static_url('tailbone:static/css/login.css'))}
@ -46,17 +55,14 @@
% if use_buefy:
## note, we make 3 columns just to get 1 in the center
<div class="columns">
<div class="column"></div>
<div class="column">
<div class="columns is-centered">
<div class="column is-narrow">
<div class="card">
<div class="card-content">
<tailbone-form></tailbone-form>
</div>
</div>
</div>
<div class="column"></div>
</div>
% else: