More progress on the application page.

Created and styled the forms for updating user/timeline information.
Wired the hidden forms to links that expose them using jQuery.
This commit is contained in:
Jonathan Bernard
2011-02-12 07:48:19 -06:00
parent 9c645e9a88
commit 6197363508
4 changed files with 205 additions and 31 deletions

View File

@ -94,11 +94,54 @@ body {
@include rounded2(bottom, left, 0.5em);
}
form {
border-top: solid 1px $bbor;
padding: 0.5em 0 0.5em 2em;
overflow: hidden;
label {
span {
float: left;
width: 6em;
padding-top: 0.1em;
}
color: $greyTxt;
display: block;
overflow: hidden;
}
input.text-input {
border: 1px solid $bbor;
}
.form-col {
overflow: hidden;
float: left;
padding-right: 2em;
input.text-input { width: 10em; }
}
.form-submit {
float: left;
width: 100%;
overflow: hidden;
input {
border: 1px solid $bbor;
background: lighten($bbg, 10%);
}
}
}
#user {
@include rounded2(top, left, 0.5em);
@include rounded2(top, right, 0.5em);
.control-links { padding-top: 0.6em; }
#fullname, #username {
font-weight: bold;
font-size: x-large;
@ -110,11 +153,23 @@ body {
color: $greyTxt;
}
.control-links { padding-top: 0.6em; }
}
#change-pwd { display: none; }
#user-info {
display: none;
#user-info .form-submit {
padding: 0.5em 2em 0.5em 2em;
position: relative;
div {
position: relative;
float: right;
left: -50%;
input {
position: relative;
left: 50%;
}
}
}
}
#timeline {
@ -124,8 +179,19 @@ body {
#timeline-desc { color: $greyTxt; }
.control-links { padding-top: 0.2em; }
#timeline-info .form-submit {
width: auto;
float: right;
overflow: inline;
}
}
#timeline-info {
#user-info, #timeline-info {
display: none;
width: 100%;
float: left;
}