Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Redesigned the answer editing form

Browse Source
This commit is contained in:
Reda Lemeden
2012-02-07 16:56:57 -05:00
parent 544d0535e2
commit bb36abbd9a
4 changed files with 141 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
sass/_askbot-original.scss
View File

@@ -1129,35 +1129,35 @@ ul {
#id_title {
width: 100%; }
.wmd-preview {
margin: 3px 0 5px 0;
padding: 6px;
background-color: #F5F5F5;
min-height: 20px;
overflow: auto;
font-size: 13px;
font-family: Arial;
p {
margin-bottom: 14px;
line-height: 1.4;
font-size: 14px; }
pre {
background-color: #E7F1F8; }
blockquote {
background-color: #eee; }
IMG {
max-width: 600px; } }
// .wmd-preview {
// margin: 3px 0 5px 0;
// padding: 6px;
// background-color: #F5F5F5;
// min-height: 20px;
// overflow: auto;
// font-size: 13px;
// font-family: Arial;
// p {
// margin-bottom: 14px;
// line-height: 1.4;
// font-size: 14px; }
// pre {
// background-color: #E7F1F8; }
// blockquote {
// background-color: #eee; }
// IMG {
// max-width: 600px; } }
.preview-toggle {
width: 100%;
color: #b6a475;
text-align: left;
span:hover {
cursor: pointer; } }
// .preview-toggle {
// width: 100%;
// color: #b6a475;
// text-align: left;
// span:hover {
// cursor: pointer; } }
.after-editor {
margin-top: 15px;
margin-bottom: 15px; }
// .after-editor {
// margin-top: 15px;
// margin-bottom: 15px; }
.checkbox {
margin-left: 5px;
@@ -1719,32 +1719,32 @@ ul {
width: 395px;
font-size: 14px; }
.openid-signin input.submit, .meta input.submit, .users-page input.submit, .user-profile-edit-page input.submit, .user-profile-page input.submit {
background: url(../images/small-button-blue.png) repeat-x top;
border: 0;
color: #4a757f;
font-weight: bold;
font-size: 13px;
font-family: Arial;
height: 26px;
margin: 5px 0px;
width: 100px;
cursor: pointer;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
// .openid-signin input.submit, .meta input.submit, .users-page input.submit, .user-profile-edit-page input.submit, .user-profile-page input.submit {
// background: url(../images/small-button-blue.png) repeat-x top;
// border: 0;
// color: #4a757f;
// font-weight: bold;
// font-size: 13px;
// font-family: Arial;
// height: 26px;
// margin: 5px 0px;
// width: 100px;
// cursor: pointer;
// border-radius: 4px;
// -ms-border-radius: 4px;
// -moz-border-radius: 4px;
// -webkit-border-radius: 4px;
// -khtml-border-radius: 4px;
// text-shadow: 0px 1px 0px #e6f6fa;
// -moz-text-shadow: 0px 1px 0px #e6f6fa;
// -webkit-text-shadow: 0px 1px 0px #e6f6fa;
// -webkit-box-shadow: 1px 1px 2px #808080;
// -moz-box-shadow: 1px 1px 2px #808080;
// box-shadow: 1px 1px 2px #808080; }
.openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover, .user-profile-edit-page input.submit:hover, .user-profile-page input.submit:hover {
background: url(../images/small-button-blue.png) repeat-x bottom;
text-decoration: none; }
// .openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover, .user-profile-edit-page input.submit:hover, .user-profile-page input.submit:hover {
// background: url(../images/small-button-blue.png) repeat-x bottom;
// text-decoration: none; }
.openid-signin .cancel, .meta .cancel, .users-page .cancel, .user-profile-edit-page .cancel, .user-profile-page .cancel {
background: url(../images/small-button-cancel.png) repeat-x top !important;
@@ -1905,49 +1905,49 @@ a {
p {
font-size: 13px; } }
.follow-toggle, .submit {
border: 0 !important;
color: #4a757f;
font-weight: bold;
font-size: 12px;
height: 26px;
line-height: 26px;
margin-top: -2px;
font-size: 15px;
cursor: pointer;
font-family: 'Yanone Kaffeesatz',sans-serif;
background: url(../images/small-button-blue.png) repeat-x top;
border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
text-shadow: 0px 1px 0px #e6f6fa;
-moz-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-text-shadow: 0px 1px 0px #e6f6fa;
-webkit-box-shadow: 1px 1px 2px #808080;
-moz-box-shadow: 1px 1px 2px #808080;
box-shadow: 1px 1px 2px #808080; }
// .follow-toggle, .submit {
// border: 0 !important;
// color: #4a757f;
// font-weight: bold;
// font-size: 12px;
// height: 26px;
// line-height: 26px;
// margin-top: -2px;
// font-size: 15px;
// cursor: pointer;
// font-family: 'Yanone Kaffeesatz',sans-serif;
// background: url(../images/small-button-blue.png) repeat-x top;
// border-radius: 4px;
// -ms-border-radius: 4px;
// -moz-border-radius: 4px;
// -webkit-border-radius: 4px;
// -khtml-border-radius: 4px;
// text-shadow: 0px 1px 0px #e6f6fa;
// -moz-text-shadow: 0px 1px 0px #e6f6fa;
// -webkit-text-shadow: 0px 1px 0px #e6f6fa;
// -webkit-box-shadow: 1px 1px 2px #808080;
// -moz-box-shadow: 1px 1px 2px #808080;
// box-shadow: 1px 1px 2px #808080; }
.follow-toggle:hover, .submit:hover {
background: url(../images/small-button-blue.png) repeat-x bottom;
text-decoration: none !important; }
// .follow-toggle:hover, .submit:hover {
// background: url(../images/small-button-blue.png) repeat-x bottom;
// text-decoration: none !important; }
.follow-toggle {
.follow {
font-color: #000;
font-style: normal; }
.unfollow {
div.unfollow-red {
display: none; }
&:hover div {
&.unfollow-red {
display: inline;
color: #fff;
font-weight: bold;
color: #A05736; }
&.unfollow-green {
display: none; } } } }
// .follow-toggle {
// .follow {
// font-color: #000;
// font-style: normal; }
// .unfollow {
// div.unfollow-red {
// display: none; }
// &:hover div {
// &.unfollow-red {
// display: inline;
// color: #fff;
// font-weight: bold;
// color: #A05736; }
// &.unfollow-green {
// display: none; } } } }
.count {
font-family: 'Yanone Kaffeesatz',sans-serif;
@@ -2363,23 +2363,23 @@ button::-moz-focus-inner {
padding: 0;
border: none; }
.submit {
cursor: pointer;
background-color: #D4D0C8;
height: 30px;
border: 1px solid #777777;
font-weight: bold;
font-size: 120%;
&:hover {
text-decoration: underline; }
&.small {
margin-right: 5px;
height: 20px;
font-weight: normal;
font-size: 12px;
padding: 1px 5px;
&:hover {
text-decoration: none; } } }
// .submit {
// cursor: pointer;
// background-color: #D4D0C8;
// height: 30px;
// border: 1px solid #777777;
// font-weight: bold;
// font-size: 120%;
// &:hover {
// text-decoration: underline; }
// &.small {
// margin-right: 5px;
// height: 20px;
// font-weight: normal;
// font-size: 12px;
// padding: 1px 5px;
// &:hover {
// text-decoration: none; } } }
.question-page a.submit {
display: -moz-inline-stack;

1
sass/_discussion-answers.scss
View File

@@ -48,4 +48,5 @@ div.answer-own {
border-top: 1px solid #eee;
overflow:hidden;
padding-left: flex-grid(1.2);
padding-top: 10px;
}

30
sass/_discussion-forms.scss
View File

@@ -22,7 +22,35 @@ form.answer-form {
padding: 15px 0;
width: auto;
a {
@extend .light-button;
@extend .light-button;
}
}
.wmd-preview {
margin: 3px 0 15px 0;
padding: 10px;
background-color: #F5F5F5;
min-height: 20px;
overflow: auto;
font-size: 13px;
font-family: Arial;
p {
margin-bottom: 14px;
line-height: 1.4;
font-size: 14px;
}
pre {
background-color: #E7F1F8;
}
blockquote {
background-color: #eee;
}
}
}
input.after-editor {
margin-bottom: 20px;
margin-right: 10px;
}

2
sass/_form-wmd-toolbar.scss
View File

@@ -18,7 +18,7 @@
}
#wmd-preview {
background-color: LightSkyBlue;
background-color: LightSkyBlue;
}
#wmd-output {