elements.scss in alchemy_cms-2.5.0.b5

- old
+ new

@@ -17,13 +17,29 @@
   position: absolute;
   left: 5px;
   bottom: 6px;
 }
 
-#element_area h2#no_elements_on_page_notice {
-  padding: 2*$default-padding;
-  text-align: center;
+div#element_area {
+  padding: 0;
+  margin: 0;
+  min-height: 90%;
+
+  .sortable_cell {
+    min-height: 100px;
+    padding: 8px 8px 2px;
+  }
+
+  textarea {
+    width: 100%;
+    height: 140px;
+  }
+
+  h2#no_elements_on_page_notice {
+    padding: 2*$default-padding;
+    text-align: center;
+  }
 }
 
 .element_handle {
   width: 18px;
   height: 18px;
@@ -292,25 +308,14 @@
   img.img_paddingtop {
     @include disable-user-select;
   }
 }
 
-div#element_area {
-  padding: 0;
-  margin: 0;
-  min-height: 90%;
-}
-
 div#cells {
   min-height: 100px;
 }
 
-div#element_area .sortable_cell {
-  min-height: 100px;
-  padding: 8px 8px 2px;
-}
-
 .place_element_spinner {
   position: absolute;
   right: 8px;
   width: 24px;
   height: 24px;
@@ -774,19 +779,18 @@
 div.pictures_for_element {
   overflow: auto;
   margin-top: 4px;
 }
 
-#element_area textarea {
-  width: 97%;
-  height: 140px;
-}
-
 textarea.default_tinymce, textarea.custom_tinymce {
   visibility: hidden;
 }
 
+.essence_html_editor textarea {
+  font-family: $mono-font-face;
+}
+
 .text_short_float_left {
   width: 170px;
   float: left;
   margin-right: 10px;
   border-width: 1px;
@@ -806,11 +810,11 @@
     margin: 0;
     line-height: 24px;
   }
 }
 
-a.element_hint {
+a.hint {
   position: absolute;
   right: 32px;
   top: 8px;
   width: 16px;
   height: 16px;
@@ -827,10 +831,11 @@
     top: 26px;
     z-index: 100;
     padding: 8px;
     line-height: 1.5em;
     min-width: 180px;
+    font-size: 12px;
 
     &:before {
       content: '';
       position: absolute;
       top: -8px;
@@ -838,8 +843,29 @@
       width: 0px;
       height: 0px;
       border-style: solid;
       border-width: 0 8px 8px 8px;
       border-color: transparent transparent $light_yellow transparent;
+    }
+  }
+}
+
+.content_editor .hint {
+  position: relative;
+  top: auto;
+  right: auto;
+  display: inline-block;
+  margin-right: 4px;
+  margin-top: -2px;
+  margin-left: -1px;
+
+  .bubble {
+    right: auto;
+    left: -4px;
+    top: 24px;
+
+    &:before {
+      right: auto;
+      left: 5px;
     }
   }
 }