Fix loading width height issues
authorChloe Laisne <chloe.laisne@gmail.com>
Mon, 17 Oct 2016 22:40:26 +0530
changeset 350 c3a6266ebe0a
parent 349 74bbf705a5ca
child 351 c69dcc3b0524
Fix loading width height issues
cms/app-client/app/styles/app.scss
cms/app-client/app/styles/components/player-component.scss
--- a/cms/app-client/app/styles/app.scss	Mon Oct 17 22:21:07 2016 +0530
+++ b/cms/app-client/app/styles/app.scss	Mon Oct 17 22:40:26 2016 +0530
@@ -11,6 +11,7 @@
 $light-white: #fbfbfb;
 
 $content-height: 540px;
+$content-width: 1110px;
 
 body {
     background-color: $medium-white;
@@ -31,7 +32,8 @@
 
 #corpus-app {
     border: 1px solid;
-    width: 1108px;
+    width: $content-width;
+    box-sizing: border-box;
     overflow: hidden;
     display: block;
     margin-left: auto;
@@ -95,6 +97,8 @@
 .corpus-window {
     overflow: hidden;
     position: relative;
+    width: 100%;
+    height: $content-height;
 }
 
 #tabs-chrono,
--- a/cms/app-client/app/styles/components/player-component.scss	Mon Oct 17 22:21:07 2016 +0530
+++ b/cms/app-client/app/styles/components/player-component.scss	Mon Oct 17 22:40:26 2016 +0530
@@ -4,7 +4,7 @@
     padding: 0px 40px;
     height: 80px;
     background-color: $dark-blue;
-    overflow: visible;
+    overflow: hidden;
     position: relative;
 }