cronapp-framework-js 2.9.1-SNAPSHOT.2 → 2.9.1

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

@@ -0,0 +1,195 @@
+#view-canvas .main-view-vertical {
+    margin-top: 7.5vh;
+}
+
+.padding-0 {
+    padding: 0;
+}
+
+@media only screen and (min-width: 768px) {
+    .main-view-vertical {
+        display: inline-block;
+        width: 75vw;
+        margin-left: 22vw;
+        margin-top: 5.5vh;
+        margin-right: 3vw;
+    }
+    
+    .crn-navigator-vertical {
+        height: 100%;
+        width: 19vw;
+        position: fixed;
+        float: left;
+    }
+}
+
+@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) {
+    .col-md-12 {
+        width: 100%;
+    }
+}
+
+@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 {
+        height: inherit;
+    }
+}
+
+@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 {
+        margin-right: 0;
+        margin-left: 0;
+    }
+}
+
+@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: 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);
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in {
+        overflow-y: auto;
+        display: block;
+    }
+}
+
+@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;
+        box-shadow: none;
+    }
+}
+
+@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 {
+        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 {
+        padding: 5px 15px 5px 25px;
+    }
+}
+
+@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 {
+        float: none;
+    }
+}
+
+@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;
+        margin-top: 0;
+        background-color: transparent;
+        border: 0;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+        /* 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: #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>.navbar-right {
+        float: none!important;
+        margin-right: 0;
+    }
+}
+
+@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: 0;
+        margin-top: 0;
+    }
+}
+
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img {
+        margin-top: 0;
+    }
+}