Started adding implementation of client-side functionality.
- Changed ts_api:dispatch_user/3 to return information for the user currently, authenticated if a valid session id is presented and no username is presented. - Moved the generic styling of form > * elements to be specific to .bar > form. - Added jQuery U 1.8.0. - Created login dialog that will automatically load upon page load if the user is not logged in. - Added styling for jQuery UI login dialog. - Implemented login functionality on the client page. - Implemented functionality to load user and timeline records on the client side.
This commit is contained in:
@ -19,7 +19,7 @@ $txt: #E6DEC7;
|
||||
*/
|
||||
/* _rounded.scss */
|
||||
html {
|
||||
background: url("../img/loving_blu.png") repeat; }
|
||||
background: url("/img/loving_blu.png") repeat; }
|
||||
|
||||
body {
|
||||
width: 50%;
|
||||
@ -79,40 +79,40 @@ body {
|
||||
-webkit-border-bottom-left-radius: 0.5em;
|
||||
border-bottom-left-radius: 0.5em; }
|
||||
|
||||
form {
|
||||
.bar form {
|
||||
border-top: solid 1px #979681;
|
||||
padding: 0.5em 0 0.5em 2em;
|
||||
overflow: hidden; }
|
||||
form label {
|
||||
.bar form label {
|
||||
color: #626150;
|
||||
display: block;
|
||||
overflow: hidden; }
|
||||
form label span {
|
||||
.bar form label span {
|
||||
float: left;
|
||||
width: 6em;
|
||||
padding-top: 0.1em; }
|
||||
form input.text-input {
|
||||
.bar form input.text-input {
|
||||
border: 1px solid #979681; }
|
||||
form .form-col {
|
||||
.bar form .form-col {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
padding-right: 2em; }
|
||||
form .form-col input.text-input {
|
||||
.bar form .form-col input.text-input {
|
||||
width: 10em; }
|
||||
form div.form-submit {
|
||||
.bar form div.form-submit {
|
||||
float: left;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 0.5em 2em 0.5em 2em;
|
||||
position: relative; }
|
||||
form div.form-submit div {
|
||||
.bar form div.form-submit div {
|
||||
position: relative;
|
||||
float: right;
|
||||
left: -50%; }
|
||||
form div.form-submit div input {
|
||||
.bar form div.form-submit div input {
|
||||
position: relative;
|
||||
left: 50%; }
|
||||
form div.form-submit input, form input.form-submit {
|
||||
.bar form div.form-submit input, .bar form input.form-submit {
|
||||
border: 1px solid #979681;
|
||||
background: #f6f3ea; }
|
||||
|
||||
@ -158,3 +158,21 @@ form {
|
||||
padding: 0.5em 0 0.5em 2em; }
|
||||
#new-entry #new-entry-input {
|
||||
margin-right: 1em; }
|
||||
|
||||
#login-dialog {
|
||||
font-size: small; }
|
||||
#login-dialog label, #login-dialog input {
|
||||
display: block; }
|
||||
#login-dialog input.text {
|
||||
margin-bottom: 1em;
|
||||
width: 95%;
|
||||
padding: 0.4em; }
|
||||
#login-dialog form fieldset {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin: 0; }
|
||||
#login-dialog .validate-tips {
|
||||
display: none; }
|
||||
|
||||
#ui-dialog-title-login-dialog, .ui-dialog-buttonset {
|
||||
font-size: medium; }
|
||||
|
Reference in New Issue
Block a user