fix: added container that works with the few pages that needed positi…

…oning changes (ZNTA-1657)
zanata · Jan 19, 2017 · e240d6e · e240d6e
1 parent 10136be
commit e240d6e
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 2 deletions.
diff --git a/server/gwt-editor/src/main/webapp/webtrans/Application.xhtml b/server/gwt-editor/src/main/webapp/webtrans/Application.xhtml
@@ -71,7 +71,7 @@
     <div class='Ai(st) D(f) Fld(c) Flxs(0) H(100%)'>
       <div class='Ai(st) D(f) Fld(c) Fld(r)--sm Flxs(0) H(100vh) H(100%)'>
         <div id="root" class="Or(1) Or(0)--sm" />
-        <div id="container" class="Ovx(s) Ovx(h)--lg"/>
+        <div id="container" class="container-editor Ovx(s) Ovx(h)--lg"/>
       </div>
     </div>
     <script type="text/javascript"

diff --git a/server/zanata-frontend/src/frontend/app/containers/App.js b/server/zanata-frontend/src/frontend/app/containers/App.js
@@ -34,7 +34,7 @@ class App extends Component {
           titleTemplate='Zanata: %s'
         />
         <Nav active={activePath} links={links} loading={loading} />
-        {children}
+        <div className='container-sidebar'>{children}</div>
       </div>
     )
   }

diff --git a/server/zanata-frontend/src/frontend/app/styles/style.less b/server/zanata-frontend/src/frontend/app/styles/style.less
@@ -1310,6 +1310,16 @@ dd {
   padding-left: @padding-large-horizontal;
 }
 
+.container-sidebar {
+  margin-left:4.5em;
+  margin-right:1.5em;
+}
+
+.container-editor {
+  margin-left:6em;
+  width:100%;
+}
+
 .container-fluid {
   margin-right: auto;
   margin-left: auto;
@@ -4647,13 +4657,24 @@ button.btn-link {
     flex-shrink: 0;
   }
 
+  main {
+    margin-left:0;
+  }
+
+  .container-sidebar, .container-editor {
+    margin-left:0;
+    margin-right:0;
+    width:100%;
+  }
+
   .page {
     flex: 1;
   }
 
   #nav {
     height: initial;
     width: 100%;
+    position:relative;
   }
 
   .nav-bar {
@@ -4677,6 +4698,20 @@ button.btn-link {
     min-height: 100%;
   }
 
+  main {
+    margin-left:4.5em;
+  }
+
+  .container-sidebar {
+    margin-left:4.5em;
+    width:90%;
+  }
+
+  .container-editor {
+    margin-left:6em;
+    width:100%;
+  }
+
   #nav {
     min-height: 100%;
   }