simplify login form
This commit is contained in:
Andrew Dolgov
parent
848bb6579c
commit
4f720f906e
|
|
@ -914,43 +914,51 @@ body.ttrss_main #feedEditDlg img.feedIcon {
|
|||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
body.ttrss_login {
|
||||
padding: 2em;
|
||||
font-size: 14px;
|
||||
body.ttrss_login .container {
|
||||
background: #f5f5f5;
|
||||
color: black;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
body.ttrss_login fieldset {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
width: 400px;
|
||||
border-width: 0px;
|
||||
body.ttrss_login .container .footer {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
body.ttrss_login label {
|
||||
body.ttrss_login .container .center {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
}
|
||||
body.ttrss_login .container .center .login-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
body.ttrss_login .container .center .login-form form {
|
||||
margin: 0px;
|
||||
}
|
||||
body.ttrss_login fieldset > label:first-of-type {
|
||||
width: 120px;
|
||||
margin-right: 20px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
color: gray;
|
||||
font-weight: bold;
|
||||
}
|
||||
body.ttrss_login div.header {
|
||||
border: 0px solid #257aa7;
|
||||
border-bottom-width: 1px;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 5px;
|
||||
body.ttrss_login fieldset {
|
||||
border-width: 0;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
body.ttrss_login div.footer {
|
||||
margin-top: 1em;
|
||||
padding-top: 5px;
|
||||
border: 0px solid #257aa7;
|
||||
border-top-width: 1px;
|
||||
text-align: center;
|
||||
color: gray;
|
||||
font-size: 12px;
|
||||
body.ttrss_login fieldset.narrow {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body.ttrss_login a.forgotpass {
|
||||
body.ttrss_login fieldset.align-right {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
display: inline-block;
|
||||
}
|
||||
body.ttrss_login a {
|
||||
color: #257aa7;
|
||||
|
|
@ -968,12 +976,7 @@ body.ttrss_login div.footer a:hover {
|
|||
color: #257aa7;
|
||||
}
|
||||
body.ttrss_login div.row {
|
||||
padding: 0px 0px 5px 0px;
|
||||
}
|
||||
body.ttrss_login div.row-error {
|
||||
color: red;
|
||||
text-align: center;
|
||||
padding: 0px 0px 5px 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
body.ttrss_main .dijitDialog h1:first-of-type,
|
||||
body.ttrss_main .dijitDialog h2:first-of-type,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1086,46 +1086,60 @@ body.ttrss_main {
|
|||
}
|
||||
|
||||
body.ttrss_login {
|
||||
padding : 2em;
|
||||
font-size : 14px;
|
||||
|
||||
fieldset {
|
||||
margin-left : auto;
|
||||
margin-right : auto;
|
||||
display : block;
|
||||
width : 400px;
|
||||
border-width : 0px;
|
||||
.container {
|
||||
background : @color-panel-bg;
|
||||
color : @default-fg;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
position : absolute;
|
||||
|
||||
.footer {
|
||||
text-align : center;
|
||||
padding : 10px;
|
||||
}
|
||||
|
||||
label {
|
||||
.center {
|
||||
width : 100%;
|
||||
display : flex;
|
||||
align-items: center;
|
||||
flex-grow : 1;
|
||||
justify-content : center;
|
||||
|
||||
.login-form {
|
||||
form {
|
||||
margin : 0px;
|
||||
}
|
||||
|
||||
background : white;
|
||||
padding : 20px;
|
||||
border : 1px solid #ddd;
|
||||
box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
fieldset > label:first-of-type {
|
||||
width : 120px;
|
||||
margin-right : 20px;
|
||||
display : inline-block;
|
||||
text-align : right;
|
||||
color : gray;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
div.header {
|
||||
border: 0px solid @color-accent;
|
||||
border-bottom-width: 1px;
|
||||
margin-bottom : 1em;
|
||||
padding-bottom : 5px;
|
||||
fieldset {
|
||||
border-width : 0;
|
||||
padding : 5px 0px;
|
||||
}
|
||||
|
||||
div.footer {
|
||||
margin-top : 1em;
|
||||
padding-top : 5px;
|
||||
border: 0px solid @color-accent;
|
||||
border-top-width: 1px;
|
||||
text-align : center;
|
||||
color : gray;
|
||||
font-size : 12px;
|
||||
fieldset.narrow {
|
||||
padding : 2px 0px;
|
||||
}
|
||||
|
||||
a.forgotpass {
|
||||
fieldset.align-right {
|
||||
text-align : right;
|
||||
font-size : 11px;
|
||||
display : inline-block;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -1148,13 +1162,7 @@ body.ttrss_login {
|
|||
}
|
||||
|
||||
div.row {
|
||||
padding : 0px 0px 5px 0px;
|
||||
}
|
||||
|
||||
div.row-error {
|
||||
color : red;
|
||||
text-align : center;
|
||||
padding : 0px 0px 5px 0px;
|
||||
padding-bottom : 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -62,62 +62,56 @@ function bwLimitChange(elem) {
|
|||
|
||||
<?php $return = urlencode($_SERVER["REQUEST_URI"]) ?>
|
||||
|
||||
<form action="public.php?return=<?php echo $return ?>"
|
||||
dojoType="dijit.form.Form" method="POST" id="loginForm" name="loginForm">
|
||||
<div class="container">
|
||||
|
||||
<input dojoType="dijit.form.TextBox" style="display : none" name="op" value="login">
|
||||
<div class="center">
|
||||
<div class="login-form">
|
||||
|
||||
<div class='header'>
|
||||
<img src="images/logo_wide.png">
|
||||
</div>
|
||||
<form action="public.php?return=<?php echo $return ?>"
|
||||
dojoType="dijit.form.Form" method="POST">
|
||||
|
||||
<div class='form'>
|
||||
<?php print_hidden("op", "login"); ?>
|
||||
|
||||
<fieldset>
|
||||
<?php if ($_SESSION["login_error_msg"]) { ?>
|
||||
<div class="row-error">
|
||||
<?php echo $_SESSION["login_error_msg"] ?>
|
||||
</div>
|
||||
<?php echo format_error($_SESSION["login_error_msg"]) ?>
|
||||
<?php $_SESSION["login_error_msg"] = ""; ?>
|
||||
<?php } ?>
|
||||
<div class="row">
|
||||
|
||||
<fieldset>
|
||||
<label><?php echo __("Login:") ?></label>
|
||||
<input name="login" id="login" dojoType="dijit.form.TextBox" type="text"
|
||||
onchange="fetchProfiles()" onfocus="fetchProfiles()" onblur="fetchProfiles()"
|
||||
style="width : 220px"
|
||||
required="1"
|
||||
value="<?php echo $_SESSION["fake_login"] ?>" />
|
||||
</div>
|
||||
required="1" value="<?php echo $_SESSION["fake_login"] ?>" />
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<fieldset>
|
||||
<label><?php echo __("Password:") ?></label>
|
||||
|
||||
<input type="password" name="password" required="1"
|
||||
dojoType="dijit.form.TextBox"
|
||||
style="width : 220px" class="input input-text"
|
||||
class="input input-text"
|
||||
value="<?php echo $_SESSION["fake_password"] ?>"/>
|
||||
<label></label>
|
||||
|
||||
<?php if (strpos(PLUGINS, "auth_internal") !== FALSE) { ?>
|
||||
<a class='forgotpass' href="public.php?op=forgotpass"><?php echo __("I forgot my password") ?></a>
|
||||
<a href="public.php?op=forgotpass"><?php echo __("I forgot my password") ?></a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<fieldset>
|
||||
<label><?php echo __("Profile:") ?></label>
|
||||
|
||||
<select disabled='disabled' name="profile" id="profile" dojoType='dijit.form.Select'
|
||||
style='width : 220px; margin : 0px'>
|
||||
<option><?php echo __("Default profile") ?></option></select>
|
||||
<select disabled='disabled' name="profile" id="profile" dojoType='dijit.form.Select'>
|
||||
<option><?php echo __("Default profile") ?></option>
|
||||
</select>
|
||||
</fieldset>
|
||||
|
||||
</div>
|
||||
<fieldset class="narrow">
|
||||
<label> </label>
|
||||
|
||||
<div class="row">
|
||||
<label> </label>
|
||||
<input dojoType="dijit.form.CheckBox" name="bw_limit" id="bw_limit" type="checkbox"
|
||||
onchange="bwLimitChange(this)">
|
||||
<label id="bw_limit_label" style='display : inline' for="bw_limit"><?php echo __("Use less traffic") ?></label>
|
||||
</div>
|
||||
<label id="bw_limit_label"><input dojoType="dijit.form.CheckBox" name="bw_limit" id="bw_limit"
|
||||
type="checkbox" onchange="bwLimitChange(this)">
|
||||
<?php echo __("Use less traffic") ?></label>
|
||||
</fieldset>
|
||||
|
||||
<div dojoType="dijit.Tooltip" connectId="bw_limit_label" position="below" style="display:none">
|
||||
<?php echo __("Does not display images in articles, reduces automatic refreshes."); ?>
|
||||
|
|
@ -125,32 +119,39 @@ function bwLimitChange(elem) {
|
|||
|
||||
<?php if (SESSION_COOKIE_LIFETIME > 0) { ?>
|
||||
|
||||
<div class="row">
|
||||
<label> </label>
|
||||
<fieldset class="narrow">
|
||||
<label> </label>
|
||||
<label>
|
||||
<input dojoType="dijit.form.CheckBox" name="remember_me" id="remember_me" type="checkbox">
|
||||
<label style='display : inline' for="remember_me"><?php echo __("Remember me") ?></label>
|
||||
</div>
|
||||
<?php echo __("Remember me") ?>
|
||||
</label>
|
||||
</fieldset>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<div class="row" style='text-align : right'>
|
||||
<button dojoType="dijit.form.Button" type="submit"><?php echo __('Log in') ?></button>
|
||||
<hr/>
|
||||
|
||||
<fieldset class="align-right">
|
||||
<label> </label>
|
||||
|
||||
<button dojoType="dijit.form.Button" type="submit" class="alt-primary"><?php echo __('Log in') ?></button>
|
||||
|
||||
<?php if (defined('ENABLE_REGISTRATION') && ENABLE_REGISTRATION) { ?>
|
||||
<button onclick="return gotoRegForm()" dojoType="dijit.form.Button">
|
||||
<?php echo __("Create new account") ?></button>
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<a href="https://tt-rss.org/">Tiny Tiny RSS</a>
|
||||
© 2005–<?php echo date('Y') ?> <a href="https://fakecake.org/">Andrew Dolgov</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='footer'>
|
||||
<a href="http://tt-rss.org/">Tiny Tiny RSS</a>
|
||||
© 2005–<?php echo date('Y') ?> <a href="http://fakecake.org/">Andrew Dolgov</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</body></html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -915,43 +915,51 @@ body.ttrss_main #feedEditDlg img.feedIcon {
|
|||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
body.ttrss_login {
|
||||
padding: 2em;
|
||||
font-size: 14px;
|
||||
body.ttrss_login .container {
|
||||
background: #222;
|
||||
color: #ccc;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
body.ttrss_login fieldset {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
width: 400px;
|
||||
border-width: 0px;
|
||||
body.ttrss_login .container .footer {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
body.ttrss_login label {
|
||||
body.ttrss_login .container .center {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
}
|
||||
body.ttrss_login .container .center .login-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
body.ttrss_login .container .center .login-form form {
|
||||
margin: 0px;
|
||||
}
|
||||
body.ttrss_login fieldset > label:first-of-type {
|
||||
width: 120px;
|
||||
margin-right: 20px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
color: gray;
|
||||
font-weight: bold;
|
||||
}
|
||||
body.ttrss_login div.header {
|
||||
border: 0px solid #b87d2c;
|
||||
border-bottom-width: 1px;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 5px;
|
||||
body.ttrss_login fieldset {
|
||||
border-width: 0;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
body.ttrss_login div.footer {
|
||||
margin-top: 1em;
|
||||
padding-top: 5px;
|
||||
border: 0px solid #b87d2c;
|
||||
border-top-width: 1px;
|
||||
text-align: center;
|
||||
color: gray;
|
||||
font-size: 12px;
|
||||
body.ttrss_login fieldset.narrow {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body.ttrss_login a.forgotpass {
|
||||
body.ttrss_login fieldset.align-right {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
display: inline-block;
|
||||
}
|
||||
body.ttrss_login a {
|
||||
color: #b87d2c;
|
||||
|
|
@ -969,12 +977,7 @@ body.ttrss_login div.footer a:hover {
|
|||
color: #b87d2c;
|
||||
}
|
||||
body.ttrss_login div.row {
|
||||
padding: 0px 0px 5px 0px;
|
||||
}
|
||||
body.ttrss_login div.row-error {
|
||||
color: red;
|
||||
text-align: center;
|
||||
padding: 0px 0px 5px 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
body.ttrss_main .dijitDialog h1:first-of-type,
|
||||
body.ttrss_main .dijitDialog h2:first-of-type,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -915,43 +915,51 @@ body.ttrss_main #feedEditDlg img.feedIcon {
|
|||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
body.ttrss_login {
|
||||
padding: 2em;
|
||||
font-size: 14px;
|
||||
body.ttrss_login .container {
|
||||
background: #222;
|
||||
color: #ccc;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
body.ttrss_login fieldset {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
width: 400px;
|
||||
border-width: 0px;
|
||||
body.ttrss_login .container .footer {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
body.ttrss_login label {
|
||||
body.ttrss_login .container .center {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
}
|
||||
body.ttrss_login .container .center .login-form {
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border: 1px solid #ddd;
|
||||
box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
body.ttrss_login .container .center .login-form form {
|
||||
margin: 0px;
|
||||
}
|
||||
body.ttrss_login fieldset > label:first-of-type {
|
||||
width: 120px;
|
||||
margin-right: 20px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
color: gray;
|
||||
font-weight: bold;
|
||||
}
|
||||
body.ttrss_login div.header {
|
||||
border: 0px solid #257aa7;
|
||||
border-bottom-width: 1px;
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 5px;
|
||||
body.ttrss_login fieldset {
|
||||
border-width: 0;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
body.ttrss_login div.footer {
|
||||
margin-top: 1em;
|
||||
padding-top: 5px;
|
||||
border: 0px solid #257aa7;
|
||||
border-top-width: 1px;
|
||||
text-align: center;
|
||||
color: gray;
|
||||
font-size: 12px;
|
||||
body.ttrss_login fieldset.narrow {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
body.ttrss_login a.forgotpass {
|
||||
body.ttrss_login fieldset.align-right {
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
display: inline-block;
|
||||
}
|
||||
body.ttrss_login a {
|
||||
color: #257aa7;
|
||||
|
|
@ -969,12 +977,7 @@ body.ttrss_login div.footer a:hover {
|
|||
color: #257aa7;
|
||||
}
|
||||
body.ttrss_login div.row {
|
||||
padding: 0px 0px 5px 0px;
|
||||
}
|
||||
body.ttrss_login div.row-error {
|
||||
color: red;
|
||||
text-align: center;
|
||||
padding: 0px 0px 5px 0px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
body.ttrss_main .dijitDialog h1:first-of-type,
|
||||
body.ttrss_main .dijitDialog h2:first-of-type,
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue