Skip to content

N
nexpie-grafana-theme
Commit 63cc794f by Torkel Ödegaard
Options

Small style fix to login page

parent fca6c85a
Showing with 59 additions and 57 deletions
public/app/partials/login.html
...@@ -17,52 +17,54 @@ ...@@ -17,52 +17,54 @@
</div> </div>
<form name="loginForm" class="login-form"> <form name="loginForm" class="login-form">
<div class="tight-form" ng-if="loginMode"> <div class="tight-from-container">
<ul class="tight-form-list"> <div class="tight-form" ng-if="loginMode">
<li class="tight-form-item" style="width: 78px"> <ul class="tight-form-list">
<strong>User</strong> <li class="tight-form-item" style="width: 78px">
</li> <strong>User</strong>
<li> </li>
<input type="text" name="username" class="tight-form-input last" required ng-model='formModel.user' placeholder="email or username" style="width: 253px"> <li>
</li> <input type="text" name="username" class="tight-form-input last" required ng-model='formModel.user' placeholder="email or username" style="width: 253px">
</ul> </li>
<div class="clearfix"></div> </ul>
</div> <div class="clearfix"></div>
<div class="tight-form" ng-if="loginMode"> </div>
<ul class="tight-form-list"> <div class="tight-form" ng-if="loginMode">
<li class="tight-form-item" style="width: 78px"> <ul class="tight-form-list">
<strong>Password</strong> <li class="tight-form-item" style="width: 78px">
</li> <strong>Password</strong>
<li> </li>
<input type="password" name="password" class="tight-form-input last" required ng-model="formModel.password" id="inputPassword" style="width: 253px" placeholder="password"> <li>
</li> <input type="password" name="password" class="tight-form-input last" required ng-model="formModel.password" id="inputPassword" style="width: 253px" placeholder="password">
</ul> </li>
<div class="clearfix"></div> </ul>
</div> <div class="clearfix"></div>
</div>
<div class="tight-form" ng-if="!loginMode"> <div class="tight-form" ng-if="!loginMode">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item" style="width: 79px"> <li class="tight-form-item" style="width: 79px">
<strong>Email</strong> <strong>Email</strong>
</li> </li>
<li> <li>
<input type="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="email" style="width: 253px"> <input type="email" class="tight-form-input last" required ng-model='formModel.email' placeholder="email" style="width: 253px">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
<div class="tight-form" ng-if="!loginMode"> <div class="tight-form" ng-if="!loginMode">
<ul class="tight-form-list"> <ul class="tight-form-list">
<li class="tight-form-item" style="width: 79px"> <li class="tight-form-item" style="width: 79px">
<strong>Password</strong> <strong>Password</strong>
</li> </li>
<li> <li>
<input type="password" class="tight-form-input last" watch-change="formModel.password = inputValue;" ng-minlength="4" required ng-model='formModel.password' placeholder="password" style="width: 253px"> <input type="password" class="tight-form-input last" watch-change="formModel.password = inputValue;" ng-minlength="4" required ng-model='formModel.password' placeholder="password" style="width: 253px">
</li> </li>
</ul> </ul>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div>
<div ng-if="!loginMode" style="margin-left: 97px; width: 254px;"> <div ng-if="!loginMode" style="margin-left: 97px; width: 254px;">
<password-strength password="formModel.password"></password-strength> <password-strength password="formModel.password"></password-strength>
...@@ -87,23 +89,23 @@ ...@@ -87,23 +89,23 @@
with Github with Github
</a> </a>
</div> </div>
</div> </div>
<div class="row" style="margin-top: 40px"> <div class="row" style="margin-top: 40px">
<div class="text-center"> <div class="text-center">
<a href="user/password/send-reset-email"> <a href="user/password/send-reset-email">
Forgot your password? Forgot your password?
</a> </a>
</div>
</div> </div>
</div>
<div class="row" style="margin-top: 50px"> <div class="row" style="margin-top: 50px">
<div class="version-footer text-center small"> <div class="version-footer text-center small">
Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}}, Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},
build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }} build date: {{buildInfo.buildstamp | date: 'yyyy-MM-dd HH:mm:ss' }}
</div>
</div> </div>
</div>
</div> </div>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment