updated grouping of input fields

This commit is contained in:
bill bittner 2017-10-06 11:18:51 -07:00
parent b1fa2a0a37
commit 746686cdb8
5 changed files with 23 additions and 19 deletions

View file

@ -233,8 +233,9 @@ option {
}
.input-checkbox, .input-textarea {
.input-checkbox {
border: 1px solid grey;
background: white;
}
.input-file {
@ -271,7 +272,7 @@ option {
}
.input-text--primary:focus, .select--primary:focus, .textarea--primary:focus {
border-bottom: 1px solid grey;
border-bottom: 1px solid dodgerblue;
}
.input-text--large, .select--large, .textarea--large {
@ -280,7 +281,7 @@ option {
}
.input-text--large:focus, .select--large:focus, .textarea--large:focus {
border-left: 1px solid grey;
border-left: 1px solid dodgerblue;
}
.input-text--full-width, .textarea--full-width {

View file

@ -1,6 +1,6 @@
<form id="publish-channel-form">
<div class="row row--wide">
<div class="row row--wide row--short">
<div class="column column--3 column--sml-10">
<label class="label" for="new-channel-name">Name:</label>
</div><div class="column column--6 column--sml-10">
@ -12,7 +12,7 @@
</div>
</div>
</div>
<div class="row row--wide">
<div class="row row--wide row--short">
<div class="column column--3 column--sml-10">
<label class="label" for="new-channel-password">Password:</label>
</div><div class="column column--6 column--sml-10">

View file

@ -1,6 +1,6 @@
<form id="channel-login-form">
<div class="row row--wide">
<div class="row row--wide row--short">
<div class="column column--3 column--sml-10">
<label class="label" for="login-channel-name">Name:</label>
</div><div class="column column--6 column--sml-10">
@ -11,7 +11,7 @@
</div>
</div>
</div>
<div class="row row--wide">
<div class="row row--wide row--short">
<div class="column column--3 column--sml-10">
<label class="label" for="login-channel-password" >Password:</label>
</div><div class="column column--6 column--sml-10">
@ -19,7 +19,7 @@
</div>
</div>
<div class="row row--wide">
<button class="button--primary" onclick="loginToChannel(event)">Login</button>
<button class="button--primary" onclick="loginToChannel(event)">Authenticate</button>
</div>
</form>
@ -36,6 +36,9 @@
.then(() => {
console.log('login success');
window.location.href = '/';
const channelLoginForm = document.getElementById('channel-login-form');
})
.catch(error => {
showError(loginErrorDisplayElement, error);

View file

@ -1,6 +1,6 @@
<div id="details-detail" hidden="true">
<div class="row">
<div class="row row--short">
<div class="column column--3 column--sml-10">
<label for="publish-license" class="label">License:</label>
</div><div class="column column--7 column--sml-10">
@ -11,7 +11,7 @@
</div>
</div>
<div class="row">
<div class="row row--short">
<div class="column column--3 column--sml-10">
<label for="publish-nsfw" class="label">NSFW:</label>
</div><div class="column column--7 column--sml-10">

View file

@ -5,15 +5,15 @@
<a class="nav-bar-link" href="/">Upload</a>
<a class="nav-bar-link" href="/popular">Popular</a>
<a class="nav-bar-link" href="/about">About</a>
{{#if user}}
<select type="text" class="select select--no-arrow nav-bar-link" onchange="toggleLogin(event)">
<option value="{{user.channelName}}:{{user.channelClaimId}}">@{{user.userName}}</option>
<option value="view">View</option>
<option value="logout">Logout</option>
</select>
{{else}}
<a class="nav-bar-link" href="/login">Login</a>
{{/if}}
<!--{{#if user}}-->
<!--<select type="text" class="select select--no-arrow nav-bar-link" onchange="toggleLogin(event)">-->
<!--<option value="{{user.channelName}}:{{user.channelClaimId}}">@{{user.userName}}</option>-->
<!--<option value="view">View</option>-->
<!--<option value="logout">Logout</option>-->
<!--</select>-->
<!--{{else}}-->
<!--<a class="nav-bar-link" href="/login">Login</a>-->
<!--{{/if}}-->
</div>
</div>