Merge branch 'refs/heads/dom-architecture' into binding

Conflicts:
	js/components/layout/tools-properties.reel/tools-properties.html

Signed-off-by: Armen Kesablyan <armen@motorola.com>

4 files changed, 10 insertions, 16 deletions

diff --git a/scss/imports/scss/_MainWindow.scss b/scss/imports/scss/_MainWindow.scss
index f6068ddb..2fdf0ac6 100755
--- a/scss/imports/scss/_MainWindow.scss
+++ b/scss/imports/scss/_MainWindow.scss
@@ -200,7 +200,7 @@
     background-color: #474747;
 }
 
-#mainContainer #rulerTop {
+#mainContainer .rulerTop {
   display: none;
     // TODO: temporary background please replace when component is implemented
     background:$color-stage url('../images/temp/ruler-top.png');
@@ -209,7 +209,7 @@
   border-right: 11px solid black;
 }
 
-#rulerLeft {
+.rulerLeft {
   display: none;
     // TODO: temporary background please replace when component is implemented
     background:$color-stage url('../images/temp/ruler-left.png');
@@ -305,12 +305,7 @@
     box-orient: vertical;
 }
 
-// TODO: REMOVE THIS
-#rightPanelContent {
-    overflow-y:hidden;
-}
-
-#openDocumentsTabComponent {
+.openDocumentsTab {
         height: 25px;
     position: relative;
     overflow: hidden;
@@ -343,9 +338,8 @@
         background-color: #7f7f7f;
 }
 
-#documentBar {
+.documentBar {
         height: 25px;
-        width: 1000px;
         position: relative;
         overflow: hidden;
         color: white;
diff --git a/scss/imports/scss/_PanelUI.scss b/scss/imports/scss/_PanelUI.scss
index d60dae59..dd8cee04 100755
--- a/scss/imports/scss/_PanelUI.scss
+++ b/scss/imports/scss/_PanelUI.scss
@@ -1240,6 +1240,7 @@ display: -webkit-box;
 
 .rightPanelContent {
     position:absolute;
+    overflow-y:hidden;
     height:100%;
     width:100%;
 }
diff --git a/scss/imports/scss/_Stage.scss b/scss/imports/scss/_Stage.scss
index 587903d2..4644e3ba 100644
--- a/scss/imports/scss/_Stage.scss
+++ b/scss/imports/scss/_Stage.scss
@@ -133,7 +133,7 @@
    
 }
 
-#drawingCanvas {
+.drawingCanvas {
     position: absolute;
     margin: 0px;
     border: none;
@@ -144,7 +144,7 @@
 }
 
 
-#stageCanvas {
+.stageCanvas {
     position: absolute;
     margin: 0px;
     border: none;
@@ -154,7 +154,7 @@
     z-index: 5;
 }
 
-#layoutCanvas {
+.layoutCanvas {
     position: absolute;
     margin: 0px;
     border: none;
@@ -188,9 +188,7 @@
 
 #mainContent .CodeMirror-scroll {
     height: 100%;
-    overflow: scroll;
-    overflow-x: auto;
-    overflow-y: auto;
+    overflow: auto;
 }
 
 .montage-editor-frame {
diff --git a/scss/imports/scss/_toolbar.scss b/scss/imports/scss/_toolbar.scss
index 07389db7..f0bc4a41 100755
--- a/scss/imports/scss/_toolbar.scss
+++ b/scss/imports/scss/_toolbar.scss
@@ -26,6 +26,7 @@
     border-top: 1px solid #232323;
     border-bottom: 1px solid #3A3A3A;
     margin:2px;
+    width:100%;
 }
 
 .toolbutton {