all changes are committed

assets/css/list.page.css

@@ -51,8 +51,9 @@ li {
   align-items: center;
   padding-left: 0px !important;
   padding-right: 0px !important;
-  z-index: 1000;
+  z-index: 1;
   margin-bottom: 0px;
+  position: fixed;
 }
 
 ul.tp-bar li {
@@ -76,18 +77,19 @@ li.logo-li {
 .btm-bar {
   top: var(--topNavHeight);
   left: 0;
-  height: calc(100vh - var(--topNavHeight));
   width: 100%;
-  height: 100%;
+  height: calc(100vh - var(--topNavHeight));
   display: flex;
   flex-direction: row;
+  position: fixed;
 }
 
 .lft-nav-bar {
+  z-index: 1;
   position: fixed;
   left: 0;
   width: var(--lftWidth);
-  height: inherit;
+  height: calc(100vh - var(--topNavHeight));
   display: flex;
   flex-direction: row;
 }
@@ -127,10 +129,11 @@ li.logo-li {
 }
 
 .rtr-nav-bar {
+  display: none !important;
   position: fixed;
   right: 0;
-  width: var(--rtrWidth);
-  height: inherit;
+  width: 0px;
+  height: calc(100vh - var(--topNavHeight));
   background-color: var(--prmBgColor);
   list-style: none;
   display: flex;
@@ -144,10 +147,11 @@ li.logo-li {
 
 .ctr-lst-pge {
   position: fixed;
-  z-index: -1;
+  overflow-y: hidden;
+  z-index: 0;
   left: var(--lftWidth);
-  right: var(--rtrWidth);
-  height: inherit;
+  right: 0px;
+  height: calc(100vh - var(--topNavHeight));
   margin: 0px 20px;
   background-color: var(--secdSubColor);
   border-top-left-radius: var(--lstPgArc);
@@ -439,10 +443,9 @@ ul.hdr-ul li {
   width: var(--frmIfrmeWidth);
   z-index: 1;
   background-color: #f3f3f3;
-  height: var(--frmIfrmeHeight);
   position: absolute;
   bottom: 0px;
-  right: calc(var(--rtrWidth) + 20px);
+  margin-right: 1px;
   border: 1px solid #dadada;
   border-radius: 3px;
 }
@@ -468,10 +471,89 @@ ul.hdr-ul li {
   margin: 0px 8px;
 }
 .ld-frm-src {
-  width: var(--frmIfrmeWidth);
+  width: -webkit-fill-available;
   height: calc(var(--frmIfrmeHeight) - 42px);
+  margin: 1px;
+}
+.wrap-iframe .ld-frm-src {
+  margin: 0px !important;
 }
 #crte-btn-lst {
   height: 400px;
   overflow-y: scroll;
 }
+.wrap-iframe {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  top: 0px;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+}
+[data-ispop_up="false"] .app-title-ifrm {
+  width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.frm-ifre .frm-bdy {
+  line-height: 0 !important;
+  display: flex;
+  flex-direction: row;
+}
+.ctrl-vrtl {
+  display: flex;
+  flex-direction: column;
+  margin-left: -30px;
+  z-index: 1;
+  background-color: var(--prmBgColor);
+  height: 100%;
+}
+.ctrl-vrtl a {
+  margin: 5px;
+}
+.ChtAppIfrme {
+  margin-left: var(--rtrWidth);
+  height: calc(100vh - var(--topNavHeight));
+  overflow: hidden;
+}
+.bdy-ul .accordion-button::after {
+  margin-bottom: -8px;
+}
+.wrap-iframe + div .frm-ifre {
+  z-index: 0 !important;
+}
+.t-sec-min {
+  font-size: 14px;
+  width: 10%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
+}
+.w-mes {
+  width: 90%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.apps-list {
+  width: 360px;
+  max-height: 450px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  flex-wrap: wrap;
+}
+.appsBind {
+  display: flex;
+  flex-direction: column;
+  margin: 8px !important;
+  width: 70px;
+}
+.appsBind .appTitle {
+  font-size: 14px;
+  text-align: center;
+}