hazza/jupyterhub
1
0
Fork 0
mirror of https://github.com/jupyterhub/jupyterhub.git synced 2025-10-13 04:53:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

simplify temporary login css

Browse Source
This commit is contained in:
MinRK
2014-09-22 12:19:04 -07:00
parent f33bf7fea8
commit 1f3fe9c84d
2 changed files with 23 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
share/jupyter/static/less/login.less
View File

@@ -1,49 +1,33 @@
#login-main { #login-main {
& > form { form {
margin: 80px auto; margin: 8px auto;
width: 400px; width: 400px;
padding: 50px; padding: 50px;
margin-top: 8px; border: 1px solid #ccc;
border: 1px solid black; font-size: large;
} }
* {
& .input-group{ border-radius: 0px;
width:100%;
} }
& .input-group-addon { .input-group, input, button {
width:100px; width: 100%;
border-radius:0;
} }
& .form-control{ .input-group-addon {
font-size:large; width: 100px;
} }
& input[type=username] input:focus {
{
width:100%;
border-radius:0;
}
& input[type=password]{
width:100%;
margin-top:-1px;
border-radius:0;
}
& button[type=submit]{
margin-top:10px;
width:100%;
}
& input[type=password]:focus,input[type=username]:focus{
z-index: 5; z-index: 5;
} }
& #pwd-addon{ .pwd-group {
border-top:none; margin-top: -1px;
} }
button[type=submit] {
margin-top: 16px;
}
} }

8
share/jupyter/templates/login.html
View File

@@ -11,15 +11,11 @@
<span class="input-group-addon">Username:</span> <span class="input-group-addon">Username:</span>
<input type="username" class="form-control" name="username" id="username_input" val="{{username}}"> <input type="username" class="form-control" name="username" id="username_input" val="{{username}}">
</div> </div>
<div class="input-group"> <div class="input-group pwd-group">
<span id='pwd-addon' class="input-group-addon">Password:</span> <span class="input-group-addon">Password:</span>
<input type="password" class="form-control" name="password" id="password_input"> <input type="password" class="form-control" name="password" id="password_input">
</div> </div>
<div class="input-group">
<span class="input-group-btn">
<button type="submit" id="login_submit" class="btn btn-default">Log in</button> <button type="submit" id="login_submit" class="btn btn-default">Log in</button>
</span>
</div>
</form> </form>
{% if message %} {% if message %}
<div class="row"> <div class="row">