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:
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user