cronapp-framework-js 2.9.4-RC.3 → 2.9.4-SP.10

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

@@ -15,7 +15,7 @@
 
 .navbar-inverse .badge {
     background: #ffffff;
-    color: var(--textColor20, #b3b3b3);
+    color: var(--textColor20, #b2b2b2);
 }
 
 .navbar-default #navbar .navbar-nav li a,
@@ -59,6 +59,10 @@
     margin-top: -1px;
 }
 
+.navbar-default .navbar-toggle {
+    border-color: var(--colorPrimary60, #2b3268);
+}
+
 /* Menu mobile */
 .navbar-default .navbar-toggle {
     border-color: var(--colorDefault10, #d8d9e3);
@@ -77,64 +81,8 @@
 
 @media (max-width: 767px) {
 
-    .navbar-default #navbar .navbar-nav li .dropdown-menu a,
-    .navbar-default #navbar2 .navbar-nav li .dropdown-menu a,
     #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
     #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
-        color: var(--textColor10, #d8d8d8);
-    }
-
-    #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(--textColorDefault40, #ffffff);
-    }
-
-    #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;
-    }
-
-    .navbar-nav .open .dropdown-menu .dropdown-header,
-    .navbar-nav .open .dropdown-menu>li>a {
-        padding: calc(var(--menuItemPaddingSize) * 0.5) calc(var(--menuItemPaddingSize) * 1.5);
+        color: var(--textColorPrimary40, #ffffff);
     }
-
-}
-
-/* Dynamic Menu */
-
-.nav>li>a:focus,
-.nav>li>a:hover {
-    color: var(--colorDefault40, #3b448e);
-    background: var(--colorDefault10, #d8d9e3);
-}
-
-.nav .open>a,
-.nav .open>a:focus,
-.nav .open>a:hover {
-    background: var(--colorDefault10, #d8d9e3);
-    border-color: transparent;
-}
-
-.dropdown-menu>li>a {
-    color: var(--textColor40, #393939);
-}
-
-.dropdown-menu>li>a:focus,
-.dropdown-menu>li>a:hover {
-    color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault40, #3b448e);
-    border-radius: 0;
 }

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

@@ -1,12 +1,11 @@
 .panel {
-    background: #ffffff;
+    background: var(--backgroundColor140, #fbfbfb);
     box-shadow: none;
 }
 
 .panel-footer {
     color: var(--textColor40, #393939);
     background: var(--colorNeutral10, #F1F1F1);
-    border-color: var(--colorPrimary10, #d8daeb);
 }
 
 /* Default */
@@ -16,146 +15,106 @@
     border-color: transparent;
 }
 
-.panel-default .panel-heading h1 {
-    color: var(--textColorPrimary40, #ffffff);
-}
-
 .panel-default {
-    border-color: var(--colorPrimary40, #5665be);
+    border-color: var(--colorPrimary10, #d8daeb);
 }
 
 /* Primary */
-.panel-primary .panel-heading {
+.panel-primary>.panel-heading {
     color: var(--textColorDefault40, #ffffff);
     background: var(--colorDefault40, #3b448e);
     border-color: var(--colorDefault40, #3b448e);
 }
 
-.panel-primary .panel-heading h1 {
-    color: var(--textColorDefault40, #444444);
-}
-
 .panel-primary {
     border-color: var(--colorDefault40, #3b448e);
 }
 
 /* Sucess */
-.panel-success .panel-heading {
+
+.panel-success>.panel-heading {
     color: var(--colorSuccess70, #144414);
     background: var(--colorSuccess10, #d6e0d6);
     border-color: var(--colorSuccess20, #b0c4b0);
 }
 
-.panel-success .panel-heading h1 {
-    color: var(--colorSuccess70, #144414);
-}
-
-
 .panel-success {
     border-color: var(--colorSuccess20, #b0c4b0);
 }
 
 /* Info */
-.panel-info .panel-heading {
+.panel-info>.panel-heading {
     color: var(--colorDefault70, #20254e);
     background: var(--colorDefault10, #d8d9e3);
     border-color: var(--colorDefault20, #b3b5ca);
 }
 
-.panel-info .panel-heading h1 {
-    color: var(--colorDefault70, #20254e);
-}
-
 .panel-info {
     border-color: var(--colorDefault20, #b3b5ca);
 }
 
 /* Warning */
-.panel-warning .panel-heading {
+.panel-warning>.panel-heading {
     color: var(--colorWarning70, #835f2b);
     background: var(--colorWarning10, #fbe9da);
     border-color: var(--colorWarning20, #f7d7b7);
 }
 
-.panel-warning .panel-heading h1 {
-    color: var(--colorWarning70, #835f2b);
-}
-
 .panel-warning {
     border-color: var(--colorWarning20, #f7d7b7);
 }
 
 /* Danger */
-.panel-danger .panel-heading {
+.panel-danger>.panel-heading {
     color: var(--colorDanger70, #71201e);
     background: var(--colorDanger10, #f1d8d7);
     border-color: var(--colorDanger20, #e6b3b2);
 }
 
-.panel-danger .panel-heading h1 {
-    color: var(--colorDanger70, #71201e);
-}
-
 .panel-danger {
     border-color: var(--colorDanger20, #e6b3b2);
 }
 
 /* Light */
-.panel-light .panel-heading {
+.panel-light>.panel-heading {
     color: var(--textColorLight40, #000000);
     background: var(--colorLight50, #dfdfdf);
     border-color: var(--colorLight60, #bbbbbb);
 }
 
-.panel-light .panel-heading h1 {
-    color: var(--textColorLight40, #000000);
-}
-
 .panel-light {
     border-color: var(--colorLight60, #bbbbbb);
 }
 
 /* Royal */
-.panel-royal .panel-heading {
-    color: var(--colorRoyal70, #4a3a80);
-    background: var(--colorRoyal10, #e2ddf9);
-    border-color: var(--colorRoyal20, #c8bef4);
-}
-
-.panel-royal .panel-heading h1 {
-    color: var(--colorRoyal70, #4a3a80);
+.panel-royal>.panel-heading {
+    color: var(--textColorRoyal40, #ffffff);
+    background: var(--colorRoyal50, #775dcd);
+    border-color: var(--colorRoyal60, #644eab);
 }
 
 .panel-royal {
-    border-color: var(--colorRoyal20, #c8bef4);
+    border-color: var(--colorRoyal60, #644eab);
 }
 
 /* Stable */
-.panel-stable .panel-heading {
+.panel-stable>.panel-heading {
     color: var(--textColorStable40, #444444);
     background: var(--colorStable50, #d9d9d9);
     border-color: var(--colorStable60, #b6b6b6);
 }
 
-.panel-stable .panel-heading h1 {
-    color: var(--textColorStable40, #444444);
-}
-
 .panel-stable {
     border-color: var(--colorStable60, #b6b6b6);
 }
 
 /* Dark */
-.panel-dark .panel-heading {
-    color: var(--colorDark70, #252525);
-    background: var(--colorDark10, #d9d9d9);
-    border-color: var(--colorDark20, #b5b5b5);
-}
-
-.panel-dark .panel-heading h1 {
-    color: var(--colorDark70, #252525);
+.panel-dark>.panel-heading {
+    color: var(--textColorDark40, #ffffff);
+    background: var(--colorDark50, #3c3c3c);
+    border-color: var(--colorDark60, #323232);
 }
 
 .panel-dark {
-    border-color: var(--colorDark20, #b5b5b5);
+    border-color: var(--colorDark60, #323232);
 }

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

@@ -19,7 +19,7 @@
 @media only screen and (min-width: 768px) {
     .main-view-vertical {
         display: inline-block;
-        width: calc(100vw - var(--menuVerticalWidth, 170px) - 6vw);
+        width: calc(100vw - var(--menuVerticalWidth, 170px) - 4vw);
         margin-left: calc(var(--menuVerticalWidth) + 2vw);
         margin-top: 5.5vh;
     }
@@ -35,7 +35,7 @@
         width: var(--menuVerticalWidth, 19vw);
         position: fixed;
         float: left;
-        z-index: 1034;
+        z-index: 99999;
         overflow: auto;
         background: var(--colorDefault40, #0f172a);
     }
@@ -162,6 +162,17 @@
     }
 }
 
+@media only screen and (max-width: 400px) {
+    .main-view {
+        padding: 0px !important;
+        margin: 0px;
+        width: 100% !important;
+    }
+    .k-scheduler-phone {
+        overflow-y: auto !important;
+    }
+}
+
 
 /**** Changing scroll bar  ****/
 .crn-navigator-vertical::-webkit-scrollbar {

package/css/themes/custom/paper/custom-paper.css

@@ -1206,34 +1206,4 @@ td.k-state-focused {
 
 .cronapp-icon.cronapp-success .cronapp-success-fix {
     left: 2em;
-}
-
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    padding: 0;
-    border: 0;
-    border-bottom: 1px solid #cccccc;
-    border-radius: 0;
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    outline: 0;
-    border-color: var(--colorPrimary40, #2196f3);
-    box-shadow: none;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    border-radius: 0;
-    color: var(--colorPrimary40, #2196f3);box-shadow: none;
 }

package/css/themes/custom/readable/custom-readable.css

@@ -1084,31 +1084,4 @@ td.k-state-focused {
 .k-list-optionlabel:hover.k-state-selected {
     color: var(--colorDefault40, #ffffff);
     background: transparent;
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dfdfdf);
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    outline: 0;
-    border-color: var(--colorPrimary30,#89a8f1);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorPrimary30,#89a8f1);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorPrimary40, #4582ec);
 }

package/css/themes/custom/sandstone/custom-sandstone.css

@@ -1019,30 +1019,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: transparent;
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border: 1px solid var(--colorDefault10, #d8d8d8);
-}
-
-.layout-template-modern:focus-within {
-    background: transparent;
-    border-color: var(--colorDefault10, #d8d8d8);
-    outline: 0;
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/simplex/custom-simplex.css

@@ -971,31 +971,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #fcfcfc);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--backgroundColor40, #fcfcfc);
-    border-radius: var(--borderRadiusSmallest, 4px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dddddd);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--backgroundColor40, #fcfcfc);
-    outline: 0;
-    border-color: var(--colorCalm30, #89a8f1);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm30, #89a8f1);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/slate/custom-slate.css

@@ -502,7 +502,7 @@ a:hover {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-.bg-login #container-first h1 {
+.bg-login #container-first h1{
     color: var(--textColorPrimary40, #ffffff);
 }
 
@@ -1138,6 +1138,8 @@ td.k-state-focused.k-state-selected {
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-state-selected>.k-link,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
@@ -1189,6 +1191,8 @@ td.k-state-focused.k-state-selected {
     box-shadow: inset 0 0 10px 3px var(--colorDefault40, #3a3f44);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
 .k-scheduler-navigation .k-nav-prev .k-link,
@@ -1201,52 +1205,48 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
-.k-scheduler div.k-scheduler-footer ul li:hover{
+.k-scheduler div.k-scheduler-footer ul li:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:hover,
+.k-edit-form-container .k-edit-buttons .k-primary:hover {
     background: linear-gradient(var(--colorPrimary60, #595f64), var(--colorPrimary60, #595f64) 40%, var(--colorPrimary50, #6b7277));
     box-shadow: none;
     border-color: var(--colorPrimary40, #7a8288);
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.k-scheduler-table .k-today,
-.k-today>.k-scheduler-datecolumn,
-.k-today>.k-scheduler-groupcolumn {
-    background: var(--colorDefault50, #33373c);
-}
-
-.k-scheduler-monthview .k-scheduler-table .k-today {
-    background: var(--colorPrimary40, #7a8288);
-    color: var(--textColorPrimary40, #ffffff);
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
+    background: linear-gradient(var(--colorDanger40, #ee5f5b), var(--colorDanger40, #ee5f5b) 60%, var(--colorDanger50, #d05350));
+    border-color: var(--colorDanger40, #ee5f5b);
+    color: var(--textColorDanger40, #ffffff);
 }
 
-.k-edit-form-container .k-edit-buttons,
-.k-window .k-window-titlebar.k-header {
-    border-color: var(--backgroundColor70, #15181a);
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
+    background: linear-gradient(var(--colorDanger60, #ae4643), var(--colorDanger60, #ae4643) 40%, var(--colorDanger50, #d05350));
+    box-shadow: none;
+    border-color: var(--colorDanger40, #ee5f5b);
+    color: var(--textColorDanger40, #ffffff);
 }
 
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    border-radius: var(--borderRadiusSmallest, 5px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #dddddd);
+.k-edit-form-container .k-edit-buttons .k-primary {
+    background: linear-gradient(var(--colorSuccess40, #62c462), var(--colorSuccess40, #62c462) 60%, var(--colorSuccess50, #56ac56));
+    border-color: var(--colorSuccess40, #62c462);
+    color: var(--textColorSuccess40, #ffffff);
 }
 
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    outline: 0;
-    border-color: var(--colorCalm40, #5bc0de);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm40, #5bc0de);
+.k-edit-form-container .k-edit-buttons .k-primary:hover {
+    background: linear-gradient(var(--colorSuccess60, #489048), var(--colorSuccess60, #489048) 40%, var(--colorSuccess50, #56ac56));
+    box-shadow: none;
+    border-color: var(--colorSuccess40, #62c462);
+    color: var(--textColorSuccess40, #ffffff);
 }
 
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
+.k-scheduler-table .k-today,
+.k-today>.k-scheduler-datecolumn,
+.k-today>.k-scheduler-groupcolumn {
+    background: var(--colorDefault50, #33373c);
 }
 
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
+.k-scheduler-monthview .k-scheduler-table .k-today {
+    background: var(--colorPrimary40, #7a8288);
+    color: var(--textColorPrimary40, #ffffff);
 }

package/css/themes/custom/spacelab/custom-spacelab.css

@@ -923,31 +923,4 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--backgroundColor40, #fff);
-    border-radius: var(--borderRadiusSmallest, 5px);
-    padding: 0;
-    border: 1px solid var(--backgroundColor50, #ccc);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--backgroundColor40, #fff);
-    outline: 0;
-    border-color: var(--colorCalm40, #3399f3);
-    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--colorCalm40, #3399f3);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-.layout-template-modern .k-button,
-.layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/superhero/custom-superhero.css

@@ -1299,31 +1299,4 @@ td.k-state-focused.k-state-selected {
 .k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
 .k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
     color: var(--textColorPrimary40, #ffffff);
-}
-
-/* Input with icon */
-.layout-template-modern {
-    background: var(--colorNeutral00, #ffffff);
-    color: var(--colorNeutral200, #131313);
-    border-radius: 0;
-    padding: 0;
-    border: 1px solid var(--textColor30, #858585);
-}
-
-.layout-template-modern:focus-within {
-    background: var(--colorNeutral00, #ffffff);
-    outline: 0;
-    border-color: var(--textColor30, #858585);
-}
-
-.layout-template-modern input.k-textbox:hover,
-.layout-template-modern input.k-textbox {
-    padding-left: 0;
-    box-shadow: none;
-}
-
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
-div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
-    border: 0;
-    color: var(--colorDefault40, #3b448e);
 }

package/css/themes/custom/theme-general/button.css

@@ -49,7 +49,6 @@ fieldset[disabled] .btn {
 
 /* Button color */
 /* Default */
-.k-filter-menu .k-button+.k-button,
 .k-button,
 .btn,
 .k-button.k-default,
@@ -59,8 +58,7 @@ fieldset[disabled] .btn {
     color: var(--textColorDefault40, #ffffff);
 }
 
-.k-filter-menu .k-button+.k-button:focus,
-.k-filter-menu .k-button+.k-button:hover,
+
 .k-button.k-state-focused,
 .k-button.k-state-focused.k-state-disabled,
 .k-button:focus,
@@ -74,13 +72,11 @@ fieldset[disabled] .btn {
 .btn.btn-default:focus,
 .btn.btn-default:hover {
     color: var(--textColorDefault40, #ffffff);
-    background: var(--colorDefault70, #20254e);
+    background: var(--colorDefault70, #343c7c);
     border-color: transparent;
     outline: none;
 }
 
-.k-filter-menu .k-button+.k-button:active,
-.k-filter-menu .k-button+.k-button.active,
 .k-button.active,
 .k-button:active,
 .btn.active,