overhaul of the studio course creation form html and sass

This commit is contained in:
Frances Botsford
2013-07-22 15:44:09 -04:00
committed by Brian Talbot
parent ae77795fc1
commit 9901212f93
4 changed files with 79 additions and 40 deletions

View File

@@ -23,6 +23,13 @@ body.dashboard {
}
// yes we have no boldness today - need to fix the resets
body strong,
body b {
font-weight: 700;
}
// known things to do (paint the fence, sand the floor, wax on/off)
// ====================

View File

@@ -93,7 +93,6 @@ form {
}
}
// ELEM: form wrapper
.wrapper-create-element {
height: 0;
@@ -117,10 +116,6 @@ form {
// form styling for creating a new content item (course, user, textbook)
form[class^="create-"] {
@extend .ui-window;
@include box-sizing(border-box);
border-radius: 2px;
width: 100%;
background: $white;
.title {
@extend .t-title4;
@@ -171,8 +166,8 @@ form[class^="create-"] {
input, textarea {
@include transition(all $tmg-f2 ease-in-out 0s);
@extend .t-copy-base;
@include transition(all $tmg-f2 ease-in-out 0s);
height: 100%;
width: 100%;
padding: ($baseline/2);
@@ -185,6 +180,10 @@ form[class^="create-"] {
width: 25%;
}
/*@include placeholder {
color: $gray-l3;
}*/
&:focus {
+ .tip {

View File

@@ -367,13 +367,11 @@ body.dashboard {
background: $white;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
.title {
@extend .t-title4;
font-weight: 600;
margin-bottom: ($baseline/2);
border-bottom: 1px solid $gray-l3;
padding-bottom: ($baseline/2);
}
.title {
@extend .t-title4;
font-weight: 700;
margin-bottom: $baseline;
}
.row {
@include clearfix();
@@ -389,10 +387,6 @@ body.dashboard {
margin-right: 4%;
}
.course-info {
width: 600px;
}
label {
@extend .t-title7;
display: block;
@@ -422,5 +416,24 @@ body.dashboard {
.item-details {
padding-bottom: 0;
}
.wrap-error {
@include transition(all $tmg-f2 ease 0s);
height: 0;
overflow: hidden;
opacity: 0;
}
.wrap-error.is-shown {
height: 45px;
opacity: 1;
}
.message-status {
display: block;
margin-bottom: 0;
padding-left: 30px;
}
}
}