cronapp-framework-js 2.8.21 → 2.8.25

package/css/themes/custom/navigator/custom-navigator.css

@@ -1,104 +1,100 @@
-
-
-#view-canvas .main-view-vertical{
+#view-canvas .main-view-vertical {
     margin-top: 7.5vh;
 }
 
 .padding-0 {
-    padding: 0px;
+    padding: 0;
 }
 
-.main-view-vertical{
+.main-view-vertical {
     display: inline-block;
-    width: 73vw;
-    margin-left: 3.5vw;
+    width: 75vw;
+    margin-left: 22vw;
     margin-top: 5.5vh;
     margin-right: 3vw;
 }
 
-@media only screen and (min-width: 768px){
+@media only screen and (min-width: 768px) {
     .crn-navigator-vertical {
         height: 100%;
         width: 19vw;
-        display: fixed;
+        position: fixed;
         float: left;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid >.navbar-header {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
         padding-left: 15px;
     }
 }
 
-@media only screen and  (min-width: 768px) {
+@media only screen and (min-width: 768px) {
     .col-md-12 {
         width: 100%;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > #navbar {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>#navbar {
         width: 100%;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar {
         height: inherit;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid {
-        padding-right: 0px;
-        padding-left: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid {
+        padding-right: 0;
+        padding-left: 0;
         display: flex;
         flex-direction: column;
         flex-wrap: wrap;
         height: -webkit-fill-available;
     }
-
 }
 
-
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical >  .navbar > .container-fluid >.navbar-collapse,
-    .crn-navigator-vertical > .navbar > .container-fluid >.navbar-header,
-    .crn-navigator-vertical > .navbar > .container-fluid .navbar-collapse,
-    .crn-navigator-vertical > .navbar > .container-fluid .navbar-header {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid .navbar-collapse,
+    .crn-navigator-vertical>.navbar>.container-fluid .navbar-header,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
         margin-right: 0;
         margin-left: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-header > .navbar-toggle {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle {
         display: none;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse.collapse{
-        padding-right: 0px;
-        padding-left: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
+        padding-right: 0;
+        padding-left: 0;
         overflow-x: visible;
         -webkit-overflow-scrolling: touch;
         border-top: 1px solid transparent;
-        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
-        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse.in {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in {
         overflow-y: auto;
-        display:block;
+        display: block;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .fill > .component-holder  > .navbar > .container-fluid > .navbar-collapse{
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.fill>.component-holder>.navbar>.container-fluid>.navbar-collapse {
         width: auto;
         border-top: 0;
         -webkit-box-shadow: none;
@@ -106,42 +102,42 @@
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav {
         float: none;
         margin: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu > li > a {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         line-height: 20px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu .dropdown-header,
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu>li>a {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         padding: 5px 15px 5px 25px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical  .navbar > .container-fluid > .navbar-collapse > .navbar-nav>li>a {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a {
         padding-top: 15px;
         padding-bottom: 15px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical  > .navbar > .container-fluid > .navbar-collapse > .navbar-nav >li {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li {
         float: none;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu > li > a,
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu  {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         position: static;
         float: none;
         width: auto;
@@ -150,51 +146,50 @@
         border: 0;
         -webkit-box-shadow: none;
         box-shadow: none;
-        color: darkgray;
-
-
+        /* color: darkgray; */
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .open .dropdown-menu > li > a:hover,
-    .crn-navigator-vertical > .navbar > .navbar-nav .open .dropdown-menu > li > a:focus  {
-        color: white;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
+    .crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
+        color: #fff;
+        background-color: #282d57;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar > .container-fluid > .navbar-collapse > .navbar-nav .dropdown-menu {
-        margin-left: -11px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu {
+        margin-left: 11px;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar >.container-fluid > .navbar-collapse > .navbar-nav > .navbar-right {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right {
         float: none!important;
-        margin-right: 0px;
+        margin-right: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar  >.container-fluid > .navbar-collapse > .navbar-nav >  .navbar-right .dropdown-menu {
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu {
         left: 0;
         right: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar  >.container-fluid > .navbar-collapse > .navbar-nav >  .navbar-right img{
-        margin-left: 0px;
-        margin-top: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img {
+        margin-left: 0;
+        margin-top: 0;
     }
 }
 
-@media only screen and (min-width: 768px){
-    .crn-navigator-vertical > .navbar  >.container-fluid > .navbar-header > .navbar-brand img{
-        margin-top: 0px;
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img {
+        margin-top: 0;
     }
 }