From 10a4d4ec254eebf51a6b8190ed7a4e2d9f5013a3 Mon Sep 17 00:00:00 2001
From: Tom Giannattasio <tom@mitx.mit.edu>
Date: Thu, 15 Nov 2012 16:45:54 -0500
Subject: [PATCH] tiny mce styling

---
 cms/static/coffee/src/views/unit.coffee                   | 4 ++--
 cms/static/js/html-editor.js                              | 6 +-----
 .../js/tiny_mce/themes/advanced/skins/studio/ui.css       | 8 +++++---
 3 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/cms/static/coffee/src/views/unit.coffee b/cms/static/coffee/src/views/unit.coffee
index 78cc2d38d8..3ca2876b1b 100644
--- a/cms/static/coffee/src/views/unit.coffee
+++ b/cms/static/coffee/src/views/unit.coffee
@@ -96,7 +96,6 @@ class CMS.Views.UnitEdit extends Backbone.View
         initProblemEditors(@$editor, $preview)
       when 'html'
         @$editor = $($('#html-editor').html())
-        $preview = $('<div class="html-preview">')
         initHTMLEditor(@$editor, $preview)
       when 'discussion'
         @$editor = $($('#discussion-editor').html())
@@ -110,7 +109,8 @@ class CMS.Views.UnitEdit extends Backbone.View
     $componentActions = $($('#component-actions').html())
 
     @$componentItem.append(@$editor)
-    @$componentItem.append($preview)
+    if $preview
+      @$componentItem.append($preview)
 
     @$componentItem.append($componentActions)
     @$componentItem.hide()
diff --git a/cms/static/js/html-editor.js b/cms/static/js/html-editor.js
index 34836d9979..aaed73f9ec 100644
--- a/cms/static/js/html-editor.js
+++ b/cms/static/js/html-editor.js
@@ -60,11 +60,7 @@ function initHTMLEditor($editor, $prev) {
     // Example content CSS (should be your site CSS)
     content_css : "/static/css/html-editor.css",
     width: '100%',
-    height: '400px',
-    setup : function(ed) {
-      ed.onChange.add(onHTMLEditorUpdate);
-      ed.onKeyUp.add(onHTMLEditorUpdate);
-    }
+    height: '400px'
   });
 
 }
diff --git a/cms/static/js/tiny_mce/themes/advanced/skins/studio/ui.css b/cms/static/js/tiny_mce/themes/advanced/skins/studio/ui.css
index 53ea5f1b68..78f23cc4ce 100644
--- a/cms/static/js/tiny_mce/themes/advanced/skins/studio/ui.css
+++ b/cms/static/js/tiny_mce/themes/advanced/skins/studio/ui.css
@@ -63,16 +63,18 @@
 
 /* ListBox */
 .studioSkin .mceListBox {
-  background: #fff;
+  background: -webkit-linear-gradient(top, #dbe5ef, #cfdce9);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(0, 0, 0, 0.2);
   border-radius: 2px;
   padding: 3px;
   margin-right: 4px;
 }
+.studioSkin .mceListBox:hover {
+  background: -webkit-linear-gradient(top, #e6eff8, #d9e8f6);
+}
 .studioSkin .mceListBox, .studioSkin .mceListBox a {display:block}
 .studioSkin .mceListBox .mceText {padding-left:4px; width:70px; text-align:left; font-size:11px; height:20px; line-height:20px; overflow:hidden}
 .studioSkin .mceListBox .mceOpen {width:9px; height:20px; background:url(../../img/studio-icons.png) -741px 0; margin-right:2px;}
-.studioSkin table.mceListBoxEnabled:hover .mceText, .studioSkin .mceListBoxHover .mceText, .studioSkin .mceListBoxSelected .mceText {background:#FFF}
-.studioSkin table.mceListBoxEnabled:hover .mceOpen, .studioSkin .mceListBoxHover .mceOpen, .studioSkin .mceListBoxSelected .mceOpen {background-color: rgba(255, 255, 255, .5);}
 .studioSkin .mceListBoxDisabled a.mceText {color:gray; background-color:transparent;}
 .studioSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
 .studioSkin .mceOldBoxModel .mceListBox .mceText {height:22px}