Added styles for active elements on the login view. Made the frame buttons unfocusable by tabbing. Changed the login form from a form to a div, the form element is not what we want to use.

This commit is contained in:
Daniel Scalzi
2018-01-24 17:35:06 -05:00
parent 6c5e9303b4
commit a3e7dfc570
3 changed files with 44 additions and 17 deletions

View File

@@ -1,6 +1,6 @@
<div id="loginContainer">
<div id="loginContent">
<form id='loginForm'>
<div id='loginForm'>
<img id="loginImageSeal" src="assets/images/WesterosSealCircle.png"/>
<span class="loginSpan" id="loginSubheader">MEMBER LOGIN</span>
<svg id="profileSVG" class="loginSVG" viewBox="40 37 65.36 61.43">
@@ -25,14 +25,14 @@
<span class="loginCheckmark"></span>
</label>
</div>
<button id="loginButton" type="submit">
<button id="loginButton">
<div id="loginButtonContent">
LOGIN
<svg id="loginSVG" viewBox="0 0 24.87 13.97">
<defs>
<style>.cls-1{fill:none;stroke:#FFF;stroke-width:2px;}</style>
<style>.arrowLine{fill:none;stroke:#FFF;stroke-width:2px;transition: 0.25s ease;}</style>
</defs>
<polyline class="cls-1" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
<polyline class="arrowLine" points="0.71 13.26 12.56 1.41 24.16 13.02"/>
</svg>
</div>
</button>
@@ -43,6 +43,6 @@
<p class="loginDisclaimerText">Your password is sent directly to mojang and never stored.</p>
<p class="loginDisclaimerText">WesterosCraft is not affiliated with Mojang AB.</p>
</div>
</form>
</div>
</div>
</div>