From b28b4bfb754f2d4569613edf188a2259a83fdeca Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Fri, 12 Jul 2013 14:25:23 -0400
Subject: [PATCH] Studio: abstracts and revises form/notice UI
---
cms/static/sass/elements/_system-feedback.scss | 42 ++++++++++++++++++++++++++++++++++++++++++
cms/static/sass/elements/_system-help.scss | 2 +-
cms/static/sass/views/_account.scss | 41 -----------------------------------------
3 files changed, 43 insertions(+), 42 deletions(-)
diff --git a/cms/static/sass/elements/_system-feedback.scss b/cms/static/sass/elements/_system-feedback.scss
index 5022a9f..90de604 100644
--- a/cms/static/sass/elements/_system-feedback.scss
+++ b/cms/static/sass/elements/_system-feedback.scss
@@ -1,4 +1,46 @@
// studio - elements - system feedback
+// ====================
+
+// messages
+.message {
+ @extend .t-copy-sub1;
+ display: block;
+}
+
+.message-status {
+ display: none;
+ @include border-top-radius(2px);
+ @include box-sizing(border-box);
+ border-bottom: 2px solid $yellow-d2;
+ margin: 0 0 $baseline 0;
+ padding: ($baseline/2) $baseline;
+ font-weight: 500;
+ background: $yellow-d1;
+ color: $white;
+
+ [class^="icon-"] {
+ position: relative;
+ top: 1px;
+ @include font-size(16);
+ display: inline-block;
+ margin-right: ($baseline/2);
+ }
+
+ .text {
+ display: inline-block;
+ }
+
+ &.error {
+ border-color: shade($red, 50%);
+ background: tint($red, 20%);
+ }
+
+ &.is-shown {
+ display: block;
+ }
+}
+
+
// alerts, notifications, prompts, and status communication
// ====================
diff --git a/cms/static/sass/elements/_system-help.scss b/cms/static/sass/elements/_system-help.scss
index 0f90d9d..3b33946 100644
--- a/cms/static/sass/elements/_system-help.scss
+++ b/cms/static/sass/elements/_system-help.scss
@@ -144,7 +144,7 @@
background-color: $gray-l4;
.title {
- color: $gray-d3;
+ color: $gray-d2;
}
.copy {
diff --git a/cms/static/sass/views/_account.scss b/cms/static/sass/views/_account.scss
index 53f01ee..c2cf139 100644
--- a/cms/static/sass/views/_account.scss
+++ b/cms/static/sass/views/_account.scss
@@ -252,44 +252,3 @@ body.signup, body.signin {
}
}
}
-
-// ====================
-
-// messages
-.message {
- @extend .t-copy-sub1;
- display: block;
-}
-
-.message-status {
- display: none;
- @include border-top-radius(2px);
- @include box-sizing(border-box);
- border-bottom: 2px solid $yellow-d2;
- margin: 0 0 $baseline 0;
- padding: ($baseline/2) $baseline;
- font-weight: 500;
- background: $yellow-d1;
- color: $white;
-
- [class^="icon-"] {
- position: relative;
- top: 1px;
- @include font-size(16);
- display: inline-block;
- margin-right: ($baseline/2);
- }
-
- .text {
- display: inline-block;
- }
-
- &.error {
- border-color: shade($red, 50%);
- background: tint($red, 20%);
- }
-
- &.is-shown {
- display: block;
- }
-}
--
libgit2 0.26.0