songtianlun
63cebef027
- Implement remember me checkbox in login form - Update sessions controller to handle remember me logic - Enhance session management to prevent session hijacking - Add tests for remember me functionality This commit introduces a "Remember me" feature that allows users to stay logged in across sessions. It includes updates to the login form, session handling in the controller, and additional tests to ensure the functionality works as expected. The changes also improve security by validating session tokens to prevent session hijacking.
190 lines
2.5 KiB
SCSS
190 lines
2.5 KiB
SCSS
|
|
|
|
/* color */
|
|
$light-gray: #777;
|
|
|
|
/* universal */
|
|
body {
|
|
padding-top: 60px;
|
|
}
|
|
section {
|
|
overflow: auto;
|
|
}
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
.center {
|
|
text-align: center;
|
|
h1 {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
/* typography */
|
|
h1, h2, h3, h4, h5, h6 {
|
|
line-height: 1;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3em;
|
|
letter-spacing: -2px;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.2em;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
color: $light-gray;
|
|
}
|
|
|
|
p {
|
|
font-size: 1.1em;
|
|
line-height: 1.7em;
|
|
}
|
|
|
|
/* header */
|
|
#logo {
|
|
float: left;
|
|
margin-right: 10px;
|
|
font-size: 1.7em;
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
letter-spacing: -1px;
|
|
padding-top: 9px;
|
|
font-weight: bold;
|
|
&:hover {
|
|
color: $light-gray;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
//img {
|
|
// display: none;
|
|
//}
|
|
|
|
/* footer */
|
|
footer {
|
|
margin-top: 45px;
|
|
padding-top: 5px;
|
|
border-top: 1px solid #eaeaea;
|
|
color: $light-gray;
|
|
a {
|
|
color: #555;
|
|
&hover {
|
|
color: #222;
|
|
}
|
|
}
|
|
small {
|
|
float: left;
|
|
}
|
|
ul {
|
|
float: right;
|
|
list-style: none;
|
|
li {
|
|
float: left;
|
|
margin-left: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* mixins, variables, etc. */
|
|
$gray-medium-light: #eaeaea;
|
|
|
|
@mixin box_sizing {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* miscellaneous */
|
|
.debug_dump {
|
|
clear: both;
|
|
float: left;
|
|
width: 100%;
|
|
margin-top: 45px;
|
|
@include box-sizing;
|
|
}
|
|
|
|
/* sidebar */
|
|
aside {
|
|
section.user_info {
|
|
margin-top: 20px;
|
|
}
|
|
section {
|
|
padding: 10px 0;
|
|
margin-top: 20px;
|
|
&:first-child {
|
|
border: 0;
|
|
padding-top: 0;
|
|
}
|
|
span{
|
|
display: block;
|
|
margin-bottom: 3px;
|
|
line-height: 1;
|
|
}
|
|
h1 {
|
|
font-size: 1.4em;
|
|
text-align: left;
|
|
letter-spacing: -1px;
|
|
margin-bottom: 3px;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.gravatar {
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.gravatar_edit {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
/* forms */
|
|
input, textarea, select, .uneditable-input {
|
|
border: 1px solid #bbb;
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
@include box_sizing;
|
|
}
|
|
|
|
input {
|
|
height: auto !important;
|
|
}
|
|
|
|
/* forms */
|
|
|
|
#error_explanation {
|
|
color: red;
|
|
ul {
|
|
color: red;
|
|
margin: 0 0 30px 0;
|
|
}
|
|
}
|
|
|
|
.field_with_errors {
|
|
//@extend .has-error;
|
|
.form-control {
|
|
//color: $state-danger-text;
|
|
}
|
|
}
|
|
|
|
.checkbox {
|
|
margin-top: -10px;
|
|
margin-bottom: 10px;
|
|
span {
|
|
margin-left: 20px;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
#session_remember_me {
|
|
width: auto;
|
|
margin-left: 0;
|
|
}
|