cronapp-framework-js 2.9.3-SP.6 → 2.9.4-RC.3

package/css/themes/custom/cerulean/navbar-cerulean.css

@@ -2,9 +2,15 @@
     filter: brightness(0) invert(1);
 }
 
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
+    background: var(--colorPrimary50, #2990ca);
+    border-color: var(--colorPrimary50, #2990ca);
+}
+
 .navbar {
-    background: linear-gradient(var(--colorPrimary30, #eef1f3), var(--colorPrimary40, #e9ecef) 60%, var(--colorPrimary50, #cccfd1));
-    border-color: var(--colorDefault40, #2fa4e7);
+    background: linear-gradient(var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
+    border-color: var(--colorPrimary40, #2fa4e7);
     border-bottom: none;
 }
 
@@ -19,63 +25,125 @@
 }
 
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
-.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a ,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
     color: var(--textColorPrimary40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
-.navbar.navbar-default .container-fluid #navbar .navbar-nav li a:hover,
-.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
 .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary50, #2990ca);
+}
+
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li a:hover,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
 .navbar-default .navbar-nav>.open>a,
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
+    background: var(--colorPrimary50, #2990ca);
     color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary50, #2fa4e7);
-}
-
-.dropdown-menu {
-    color: var(--textColor40, #555555);
 }
 
 .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a ,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
-    color: var(--textColor40, #ffffff);
+    color: var(--textColor40, #555555);
 }
 
 /* Vertical */
 .crn-navigator-vertical {
-    background: linear-gradient(var(--colorPrimary30, #eef1f3), var(--colorPrimary40, #e9ecef) 60%, var(--colorPrimary50, #cccfd1));
+    background: linear-gradient(var(--colorPrimary40, #2fa4e7), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary60, #2278a9));
+    border-right: 1px solid var(--colorPrimary50, #2990ca);
 }
 
-.crn-navigator-vertical .navbar{
+.crn-navigator-vertical .navbar {
     background: transparent;
 }
 
-#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
-    color: var(--textColorPrimary40, #ffffff);
-}
-
 /*  Menu Toggle */
 .navbar-default .navbar-collapse,
 .navbar-default .navbar-form {
-    border-color: var(--colorPrimary60, #2278a9);
+    border-color: var(--colorPrimary50, #2990ca);
+    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
+}
+
+.crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
+    border: 0;
+    border-top: 1px solid var(--colorPrimary50, #2990ca);
+}
+
+.crn-navigator-vertical>.navbar>.container-fluid>#navbar2.navbar-collapse.collapse {
+    border: 0;
 }
 
 @media (max-width: 767px) {
 
+    .navbar {
+        background: linear-gradient(var(--colorPrimary40, #2fa4e7), var(--colorPrimary40, #2fa4e7) 60%, var(--colorPrimary50, #2990ca));
+        border-bottom: 1px solid var(--colorPrimary50, #2990ca);
+    }
+
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
     #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
     #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
         color: var(--textColorPrimary40, #ffffff);
     }
+
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 {
+        border: 0;
+        box-shadow: none;
+    }
+
+    #main-nav-bar.crn-navigator-horizontal #navbar .navbar-nav,
+    #main-nav-bar .navbar-default .container-fluid #navbar {
+        margin-bottom: 0;
+    }
+
+    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav {
+        margin-top: 0;
+    }
+
+    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 {
+        box-shadow: none;
+    }
+
+    #main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 {
+        display: none;
+    }
+
+}
+
+/* Dynamic Menu */
+.nav>li>a:focus,
+.nav>li>a:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2fa4e7);
+}
+
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2fa4e7);
+}
+
+.dropdown-menu>li>a {
+    color: var(--textColor40, #555555);
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    color: var(--textColorPrimary40, #ffffff);
+    background: var(--colorPrimary40, #2fa4e7);
 }

package/css/themes/custom/cerulean/panel-cerulean.css

@@ -1,12 +1,13 @@
 .panel {
     background: var(--backgroundColor40, #ffffff);
-    box-shadow: none;
+    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
+    border-color: var(--colorDefault50, #d7d7d7);
 }
 
 .panel-footer {
     color: var(--textColorDefault40, #444444);
-    background: var(--colorDefault40, #fafafa);
-    border: 0;
+    background: var(--colorDefault40, #f5f5f5);
+    border-top: 1px solid var(--colorDefault50, #d7d7d7);
 }
 
 /* Default */
@@ -16,105 +17,105 @@
     border-color: var(--colorPrimary40, #2fa4e7);
 }
 
-.panel-default {
-    border-color: var(--colorPrimary40, #2fa4e7);
+.panel-default .panel-heading h1 {
+    color: var(--textColorPrimary40, #ffffff);
 }
 
 /* Primary */
-.panel-primary>.panel-heading {
+.panel-primary .panel-heading {
     color: var(--textColorDefault40, #444444);
     background: var(--colorDefault40, #f5f5f5);
-    border-color: var(--colorDefault40, #f5f5f5);
+    border-color: var(--colorDefault50, #d7d7d7);
 }
 
-.panel-primary {
-    border-color: var(--colorDefault40, #f5f5f5);
+.panel-primary .panel-heading h1 {
+    color: var(--textColorDefault40, #444444);
 }
 
 /* Sucess */
-.panel-success>.panel-heading {
+.panel-success .panel-heading {
     color: var(--textColorSuccess40, #ffffff);
     background: var(--colorSuccess40, #73a839);
     border-color: var(--colorSuccess40, #73a839);
 }
 
-.panel-success {
-    border-color: var(--colorSuccess40, #73a839);
+.panel-success .panel-heading h1 {
+    color: var(--textColorSuccess40, #ffffff);
 }
 
 /* Info */
-.panel-info>.panel-heading {
+.panel-info .panel-heading {
     color: var(--textColorCalm40, #ffffff);
     background: var(--colorCalm40, #033c73);
     border-color: var(--colorCalm40, #033c73);
 }
 
-.panel-info {
-    border-color: var(--colorCalm40, #033c73);
+.panel-info .panel-heading h1 {
+    color: var(--textColorCalm40, #ffffff);
 }
 
 /* Warning */
-.panel-warning>.panel-heading {
+.panel-warning .panel-heading {
     color: var(--textColorWarning40, #ffffff);
     background: var(--colorWarning40, #dd5600);
     border-color: var(--colorWarning40, #dd5600);
 }
 
-.panel-warning {
-    border-color: var(--colorWarning40, #dd5600);
+.panel-warning .panel-heading h1 {
+    color: var(--textColorWarning40, #ffffff);
 }
 
 /* Danger */
-.panel-danger>.panel-heading {
+.panel-danger .panel-heading {
     color: var(--textColorDanger40, #ffffff);
     background: var(--colorDanger40, #c71c22);
     border-color: var(--colorDanger40, #c71c22);
 }
 
-.panel-danger {
-    border-color: var(--colorDanger40, #c71c22);
+.panel-danger .panel-heading h1 {
+    color: var(--textColorDanger40, #ffffff);
 }
 
 /* Light */
-.panel-light>.panel-heading {
+.panel-light .panel-heading {
     color: var(--textColorLight40, #444444);
-    background: var(--colorLight50, #dfdfdf);
+    background: var(--colorLight40, #dfdfdf);
     border-color: var(--colorLight50, #dfdfdf);
 }
 
-.panel-light {
-    border-color: var(--colorLight50, #dfdfdf);
+.panel-light .panel-heading h1 {
+    color: var(--textColorLight40, #444444);
 }
 
 /* stable */
-.panel-stable>.panel-heading {
+.panel-stable .panel-heading {
     color: var(--textColorStable40, #ffffff);
     background: var(--colorStable50, #d9d9d9);
     border-color: var(--colorStable50, #d9d9d9);
 }
 
-.panel-stable {
-    border-color: var(--colorStable50, #d9d9d9);
+.panel-stable .panel-heading h1 {
+    color: var(--textColorStable40, #ffffff);
 }
 
 /* royal */
-.panel-royal>.panel-heading {
+.panel-royal .panel-heading {
     color: var(--textColorRoyal40, #ffffff);
     background: var(--colorRoyal40, #886aea);
     border-color: var(--colorRoyal40, #886aea);
 }
 
-.panel-royal {
-    border-color: var(--colorRoyal40, #886aea);
+.panel-royal .panel-heading h1 {
+    color: var(--textColorRoyal40, #ffffff);
 }
 
 /* dark */
-.panel-dark>.panel-heading {
+.panel-dark .panel-heading {
     color: var(--textColorDark40, #ffffff);
     background: var(--colorDark40, #444444);
     border-color: var(--colorDark40, #444444);
 }
 
-.panel-dark {
-    border-color: var(--colorDark40, #444444);
+.panel-dark .panel-heading h1 {
+    color: var(--textColorDark40, #ffffff);
 }

package/css/themes/custom/cyborg/navbar-cyborg.css

@@ -107,4 +107,10 @@ img.user-avatar[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
         box-shadow: none;
         border: 0;
     }
+}
+
+/* Collapsible menu */
+label.labelCollapsibleMenu {
+    height: var(--textBigSize, 34px);
+    width: var(--textBigSize, 34px);
 }

package/css/themes/custom/dsgov/button-dsgov.css

@@ -1,3 +1,10 @@
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
+.k-scheduler .k-scheduler-footer .k-scheduler-fullday,
+button,
+.privacy-view .dialog-cookies a,
 .btn,
 .k-button {
     border-radius: var(--borderRadiusFull, 99999px);
@@ -8,15 +15,21 @@
 }
 
 /* Default */
+.k-dialog-buttongroup .k-button.k-primary,
+.privacy-view .dialog-cookies button,
 .btn,
 .k-button,
 .k-button.k-default,
-.btn.btn-primary {
+.btn.btn-default {
     background: var(--colorDefault40, #1351b4);
     border-color: transparent;
     color: var(--textColorDefault40, #ffffff);
 }
 
+.k-dialog-buttongroup .k-button.k-primary:focus,
+.k-dialog-buttongroup .k-button.k-primary:hover,
+.privacy-view .dialog-cookies button:hover,
+.privacy-view .dialog-cookies button:focus,
 .k-button:focus,
 .k-button:hover,
 .btn:hover,
@@ -25,10 +38,14 @@
 .k-button.k-default:hover,
 .btn.btn-default:hover,
 .btn.btn-default:hover {
-    background: var(--colorDefault30, #7c8ec8);
+    background: var(--colorDefault30, #5A85CB);
     color: var(--textColorDefault40, #ffffff);
 }
 
+.k-dialog-buttongroup .k-button.k-primary.active,
+.k-dialog-buttongroup .k-button.k-primary:active,
+.privacy-view .dialog-cookies button:active,
+.privacy-view .dialog-cookies button.active,
 .k-button.active,
 .k-button:active,
 .btn.active,
@@ -37,14 +54,16 @@
 .k-button.k-default:active,
 .btn.btn-default.active,
 .btn.btn-default:active {
-    background: var(--colorDefault20, #7c8ec8);
+    background: var(--colorDefault20, #ACC2E5);
     color: var(--textColorDefault40, #ffffff);
 }
 
 /* Primary */
+.k-grid .k-header .k-button,
+.k-dialog-buttongroup .k-button,
+.privacy-view .dialog-cookies a,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
-.k-dialog-buttongroup .k-button.k-primary,
 .k-button.k-primary,
 .btn.btn-primary {
     background: transparent;
@@ -52,27 +71,35 @@
     border: 1px solid var(--colorPrimary40, #1351b4);
 }
 
+.k-grid .k-header .k-button:hover,
+.k-grid .k-header .k-button:focus,
+.k-dialog-buttongroup .k-button:focus,
+.k-dialog-buttongroup .k-button:hover,
+.privacy-view .dialog-cookies a:hover,
+.privacy-view .dialog-cookies a:focus,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
-.k-dialog-buttongroup .k-button.k-primary:focus,
-.k-dialog-buttongroup .k-button.k-primary:hover,
 .k-button.k-primary:focus,
 .k-button.k-primary:hover,
 .btn.btn-primary:focus,
 .btn.btn-primary:hover {
-    background: var(--colorPrimary10, #d6daeb);
+    background: var(--colorPrimary10, #C3CDDD);
     color: var(--colorPrimary40, #1351b4);
     border: 1px solid var(--colorPrimary40, #1351b4);
 }
 
+.k-grid .k-header .k-button:active,
+.k-grid .k-header .k-button.active,
+.k-dialog-buttongroup .k-button:active,
+.k-dialog-buttongroup .k-button.active,
+.privacy-view .dialog-cookies a:active,
+.privacy-view .dialog-cookies a.active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone.active,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel.active,
-.k-dialog-buttongroup .k-button.k-primary.active,
-.k-dialog-buttongroup .k-button.k-primary:active,
 .k-button.k-primary.active,
 .k-button.k-primary:active,
 .btn.btn-primary.active,
@@ -87,7 +114,7 @@
 .k-button.k-success:active,
 .btn.btn-success.active,
 .btn.btn-success:active {
-    background: var(--colorSuccess30, #168821);
+    background: var(--colorSuccess30, #7dab7f);
     border-color: transparent;
     color: var(--textColorSuccess40, #ffffff);
 }
@@ -97,7 +124,7 @@
 .k-button.k-info:active,
 .btn.btn-info.active,
 .btn.btn-info:active {
-    background: var(--colorCalm30, #168821);
+    background: var(--colorCalm30, #7d93d8);
     border-color: transparent;
     color: var(--textColorCalm40, #ffffff);
 }
@@ -107,7 +134,7 @@
 .k-button.k-warning:active,
 .btn.btn-warning.active,
 .btn.btn-warning:active {
-    background: var(--colorWarning30, #168821);
+    background: var(--colorWarning30, #ffda7b);
     border-color: transparent;
     color: var(--textColorWarning40, #ffffff);
 }
@@ -117,7 +144,7 @@
 .k-button.k-danger:active,
 .btn.btn-danger.active,
 .btn.btn-danger:active {
-    background: var(--colorDanger30, #168821);
+    background: var(--colorDanger30, #eb7f7b);
     border-color: transparent;
     color: var(--textColorDanger40, #ffffff);
 }
@@ -127,9 +154,9 @@
 .k-button.k-light:active,
 .btn.btn-light.active,
 .btn.btn-light:active {
-    background: var(--colorLight30, #168821);
+    background: var(--colorLight30, #ffffff);
     border-color: transparent;
-    color: var(--textColorLight40, #ffffff);
+    color: var(--textColorLight40, #333333);
 }
 
 /* Link */
@@ -140,6 +167,14 @@
 
 .btn.btn-link:focus,
 .btn.btn-link:hover {
+    background: var(--colorPrimary10, #C3CDDD);
+    color: var(--colorPrimary40, #1351b4);
+    text-decoration: none;
+}
+
+.btn.btn-link.active,
+.btn.btn-link:active {
+    background: var(--colorPrimary20, #aeb7da);
     color: var(--colorPrimary40, #1351b4);
 }
 
@@ -150,7 +185,7 @@
 .btn.btn-stable:active {
     background: var(--colorStable30, #fafafa);
     border-color: transparent;
-    color: var(--textColorStable40, #444444);
+    color: var(--textColorStable40, #333333);
 }
 
 /* royal */
@@ -168,7 +203,7 @@
 .k-button.k-dark:active,
 .btn.btn-dark.active,
 .btn.btn-dark:active {
-    background: var(--colorDark30, #898989);
+    background: var(--colorDark30, #7b7e88);
     border-color: transparent;
     color: var(--textColorDark40, #ffffff);
 }