X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=vid-app-common%2Fsrc%2Fmain%2Fwebapp%2Fapp%2Fvid%2Fstyles%2Fcommon.css;fp=vid-app-common%2Fsrc%2Fmain%2Fwebapp%2Fapp%2Fvid%2Fstyles%2Fcommon.css;h=9377c3f6e3795be13eaf34b5a064376d70c05193;hb=c72d565bb58226b20625b2bce5f0019046bee649;hp=35f2e33f8091b59158395ce318e10989435d07f3;hpb=ef8a6b47847012fd59ea20da21d8d3d7c4a301ed;p=vid.git

diff --git a/vid-app-common/src/main/webapp/app/vid/styles/common.css b/vid-app-common/src/main/webapp/app/vid/styles/common.css
index 35f2e33f8..9377c3f6e 100644
--- a/vid-app-common/src/main/webapp/app/vid/styles/common.css
+++ b/vid-app-common/src/main/webapp/app/vid/styles/common.css
@@ -63,6 +63,61 @@ html, body {
     font-size:14px;
 }
 
+html {
+    height: 100%;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100%;
+}
+
+.applicationWindow {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+
+#mContent {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+}
+.content.modal-open .body-content-jsp{
+    margin: 0 auto;
+}
+.content .body-content-jsp > div.ng-scope > div.overlay{
+    display: none;
+}
+.content.modal-open .body-content-jsp .service-models-page .overlay{
+    display: block !important;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 3004;
+    background-color: #000;
+    opacity: 0.5;
+}
+
+.content.modal-open .body-content-jsp  .service-models-page  .service-model-content{
+    z-index: 3005;
+    margin: 0 auto;
+    flex: none;
+    width: 1100px;
+    padding: 10px;
+}
+.content.modal-open{
+    margin: 0 !important;
+}
+
+.body-content-jsp {
+    flex: 1;
+}
+
 .button--inactive {
     border: none !important;
 }
@@ -114,3 +169,37 @@ input:focus:invalid {
     border-color: Tomato;
     box-shadow: none;
 }
+
+iframe {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border:0;
+}
+
+iframe.popup{
+    width: 1103px;
+    height: 691px;
+}
+
+/*todo: remove. this a temporary fix for the sub-interface popup not showing as a page beside the sidebar. currently showing it in full screen.*/
+iframe.iframeDialog {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+}
+
+.service-models-page {
+    flex: 1;
+    display: flex;
+    min-height: 700px;
+}
+
+.service-model-content {
+    flex: 1;
+}
+
+.service-model-content .popupContents {
+    padding: 0 !important;
+}