cronapp-framework-js 2.9.4 → 2.9.5-SP.10

package/css/themes/custom/material-round/grid-material-round.css

@@ -0,0 +1,347 @@
+.k-state-selected,
+.k-state-selected:link,
+.k-state-selected:visited,
+.k-tool.k-state-selected,
+.k-grid td.k-state-selected:hover,
+.k-grid tr.k-state-selected:hover td {
+    background: var(--backgroundColor40, #f2f2f2);
+    color: var(--textColor40, #434343);
+}
+
+.k-grid-header th.k-header,
+.k-grid-header th.k-header .k-link,
+.k-grid-header th.k-header a,
+.k-grid-header th.k-header .k-icon,
+.k-grid-header th.k-header .k-tool-icon {
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.k-filter-menu .k-button+.k-button,
+.k-button,
+.btn,
+.k-button.k-default,
+.btn.btn-default {
+    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
+}
+
+.k-grid-header .k-header {
+    background: var(--colorDefault40, #442b69);
+}
+
+.k-grid-toolbar:first-child,
+.k-grouping-header+.k-grid-toolbar {
+    background: var(--backgroundColor40, #f2f2f2);
+
+}
+
+.k-grid-header th.k-header {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.k-grid table {
+    border-spacing: 1px;
+}
+
+.k-slider .k-button {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorPrimary40, #fffef9);
+    border-radius: 5px;
+    transform: translate(-50%, -50%);
+    box-shadow: 0px;
+}
+
+.k-draghandle .k-state-focused:link {
+    height: initial;
+}
+
+.k-slider .k-button:hover {
+    background: var(--colorDefault60, #32204d);
+}
+
+.k-grid .k-pager-numbers .k-state-selected {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorPrimary40, #fffef9);
+    border-radius: 5px;
+}
+
+.k-button.k-primary {
+    background: var(--colorSuccess40, #62a86b);
+}
+
+.k-button.k-primary:focus,
+.k-button.k-primary:hover {
+    background: var(--colorSucess60, #487b4e);
+}
+
+.k-widget.k-tooltip {
+    background: var(--colorStable30, #dbdbdb);
+}
+
+.k-widget {
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.k-grid-header:first-child th.k-header:first-child {
+    border-radius: 10px;
+}
+
+.k-grid-header th.k-header {
+    border-radius: 10px;
+}
+
+.k-state-selected,
+.k-state-selected:link,
+.k-state-selected:visited,
+.k-tool.k-state-selected,
+.k-grid td.k-state-selected:hover,
+.k-grid tr.k-state-selected:hover td {
+    background: var(--backgroundColor40, #f2f2f2);
+    color: var(--textColor40, #434343);
+}
+
+.k-grid-header th.k-header,
+.k-grid-header th.k-header .k-link,
+.k-grid-header th.k-header a,
+.k-grid-header th.k-header .k-icon,
+.k-grid-header th.k-header .k-tool-icon {
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.k-grid-header .k-header {
+    background: var(--colorDefault40, #442b69);
+}
+
+.k-grid-toolbar:first-child,
+.k-grouping-header+.k-grid-toolbar {
+    background: var(--backgroundColor40, #f2f2f2);
+
+}
+
+.k-grid-header th.k-header {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.k-grid tbody td>.k-grid-delete {
+    background: var(--colorDanger40, #e34646);
+}
+
+.k-grid tbody td>.k-grid-delete:hover {
+    background: var(--colorDanger60, #a63333);
+}
+
+.k-grid table {
+    border-spacing: 1px;
+}
+
+.k-slider-horizontal .k-slider-selection,
+.k-slider-horizontal .k-slider-track {
+    height: 10px;
+    margin-top: -1px;
+    top: 0%;
+}
+
+.k-slider .k-button {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorPrimary40, #fffef9);
+    border-radius: 5px;
+    box-shadow: none;
+}
+
+.k-draghandle .k-state-focused:link {
+    height: initial;
+}
+
+.k-slider-horizontal .k-label {
+    color: var(--textColor40, #434343);
+}
+
+.k-grid .k-pager-numbers .k-state-selected {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorPrimary40, #fffef9);
+    border-radius: 5px;
+}
+
+.k-button.k-primary {
+    background: var(--colorSuccess40, #62a86b);
+}
+
+.k-button.k-primary:focus,
+.k-button.k-primary:hover {
+    background: var(--colorSucess60, #487b4e);
+}
+
+.k-widget.k-tooltip {
+    background: var(--colorStable20, #e6e6e6);
+}
+
+.k-widget.k-tooltip.k-slider-tooltip {
+    background: var(--colorDefault40, #442b69);
+}
+
+.k-widget {
+    color: var(--textColorPrimary40, #fffef9);
+    border-bottom: none;
+}
+
+thead.k-grid-header th.k-header:last-child {
+    border-radius: 10px;
+}
+
+.btn.btn-link:focus,
+.btn.btn-link:hover {
+    text-decoration-color: var(--colorPrimary40, #68afd9);
+}
+
+.k-slider .k-draghandle,
+.k-slider .k-draghandle.k-state-focused,
+.k-slider .k-draghandle.k-state-focused:link {
+    height: 15px;
+    padding: 1px;
+}
+
+.k-slider .k-label {
+    position: relative;
+    display: block;
+    margin-top: 2px;
+}
+
+.k-grid tr td {
+    border-radius: 10px;
+}
+
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+    background: var(--colorDefault40, #487b4e);
+    color: var(--textColorPrimary40, #fffef9);
+    border-radius: 20px;
+    font-size: 20px;
+    padding: 4px;
+}
+
+.carousel-indicators li {
+    border-color: var(--colorDefault40, #487b4e);
+}
+
+.carousel-indicators .active {
+    background: var(--colorDefault40, #487b4e);
+}
+
+.carousel .carousel-caption h1,
+.carousel .carousel-caption h2 {
+    color: var(--textColor40, #434343);
+}
+
+label {
+    margin-bottom: 15px;
+}
+
+.k-tick .k-tick-large {
+    line-height: 10px;
+    color: var(--textColor40, #434343);
+}
+
+.k-slider .k-button-decrease {
+    left: 30px;
+}
+
+.k-dropdown-wrap .k-input {
+    background: var(--textColorPrimary40, #fffef9);
+    border-radius: 20px;
+}
+
+.k-dropdown-wrap .k-input:focus:hover {
+    border-radius: 20px;
+}
+
+.k-webkit .k-pager-numbers .k-current-page .k-link {
+    background: var(--colorDefault40, #487b4e);
+    border-color: var(--colorDefault40, #487b4e);
+    border-radius: 10px;
+    width: auto;
+}
+
+.k-webkit .k-pager-numbers .k-current-page .k-link:hover {
+    background: var(--colorDefault60, #32204d);
+    border-color: var(--colorDefault60, #32204d);
+}
+
+.k-autocomplete.k-state-default .k-input {
+    border-radius: 20px;
+    box-shadow: none;
+    border: none;
+}
+
+.k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
+    border-radius: 10px;
+}
+
+.k-pager-sizes .k-dropdown-wrap .k-input {
+    background: var(--colorDefault40, #487b4e);
+    color: var(--texColorPrimary40, #fffef9);
+    border-color: var(--colorDefault40, #487b4e);
+    border-radius: 10px;
+}
+
+.k-state-default>.k-select {
+    background: var(--colorDefault40, #487b4e);
+    border-radius: 10px;
+}
+
+.k-pager-wrap .k-link.k-state-disabled:hover {
+    background: var(--colorDefault20, #b5b0be);
+}
+
+.k-icon {
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.layout-template-modern:focus-within {
+    border-bottom: none;
+}
+
+.layout-template-modern {
+    border-radius: 20px;
+    border-bottom: none;
+}
+
+.k-dropdown-wrap,
+.k-dropdown-wrap.k-state-default {
+    border-bottom: none;
+}
+
+.k-popup .k-list .k-state-focused {
+    box-shadow: none;
+    background: var(--colorStable30, #dbdbdb);
+}
+
+.k-list>.k-state-hover {
+    box-shadow: none;
+    background: var(--colorStable20, #e6e6e6);
+}
+
+.k-i-check:before,
+.k-i-cancel:before {
+    left: 1px;
+}
+
+.k-autocomplete.k-state-default {
+    border-bottom: none;
+}
+
+cron-grid .k-tooltip span:before {
+    color: var(--textColor40, #434343);
+}
+
+.k-widget.k-tooltip-validation {
+    background: var(--colorStable20, #e6e6e6);
+}
+
+.k-webkit .k-pager-numbers .k-current-page .k-link:after {
+    content: none;
+}
+
+.layout-template-modern:focus-within {
+    background: none
+}

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

@@ -0,0 +1,140 @@
+.navbar .navbar-brand img[src="node_modules/cronapp-framework-js/img/logo.png"] {
+    filter: brightness(0) invert(1);
+}
+
+.navbar {
+    background: var(--colorDefault40, #442b69);
+    border-bottom: none;
+    text-transform: uppercase;
+}
+
+.navbar-inverse {
+    background: var(--colorDefault40, #442b69);
+    border: none
+}
+
+.navbar-inverse .badge {
+    background: #ffffff;
+    color: var(--textColor20, #b4b4b4);
+}
+
+.navbar-default #navbar .navbar-nav li a,
+.navbar-default #navbar2 .navbar-nav li a {
+    color: var(--textColorDefault40, #fffef9);
+    font-size: var(--textNormalSize, 12px);
+    text-transform: uppercase;
+}
+
+.navbar-default #navbar .navbar-nav li a:hover,
+.navbar-default #navbar2 .navbar-nav li a:hover,
+.navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,
+.navbar-default #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 {
+    color: var(--textColorDefault60, #fffef9);
+    background: var(--colorDefault40, #442b69);
+}
+
+.navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,
+.navbar-default #navbar2 .navbar-nav li .dropdown-menu li a:hover {
+    color: var(--textColorDefault40, #fffef9);
+    background: var(--colorDefault40, #442b69);
+    border-radius: 0;
+}
+
+.dropdown-menu {
+    color: var(--textColor40, #434343);
+    font-size: var(--textMediumSize, 16px);
+    background: var(--backgroundColor10, #fbfbfb);
+}
+
+.navbar-default #navbar .navbar-nav li .dropdown-menu a,
+.navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
+    color: var(--textColor40, #434343);
+    margin: 0;
+}
+
+.navbar-default #navbar2 .navbar-nav .dropdown-menu {
+    margin-top: -1px;
+}
+
+/* Menu mobile */
+.navbar-default .navbar-toggle {
+    border-color: var(--colorDefault10, #d8d9e3);
+}
+
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+    border-color: transparent;
+}
+
+.navbar-default .navbar-toggle:focus,
+.navbar-default .navbar-toggle:hover {
+    background: var(--colorDefault20, #b3b5ca);
+    border-color: transparent;
+}
+
+@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, #fffef9);
+    }
+
+    #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);
+    }
+
+}
+
+/* Dynamic Menu */
+
+.nav>li>a:focus,
+.nav>li>a:hover {
+    color: var(--colorDefault40, #442b69);
+    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, #434343);
+}
+
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover {
+    color: var(--textColorDefault40, #fffef9);
+    background: var(--colorDefault40, #442b69);
+    border-radius: 0;
+}

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

@@ -0,0 +1,94 @@
+.panel {
+    background: var(--backgroundColor40, #f2f2f2);
+    box-shadow: none;
+    border-color: transparent;
+}
+
+.panel-footer {
+    color: var(--textColor40, #434343);
+    background: var(--colorStable20, #e6e6e6);
+    border: 1px solid var(--colorStable20, #e6e6e6);
+}
+
+.panel-body .lead {
+    margin-bottom: 0;
+    font-size: var(--textNormalSize, 10px);
+
+}
+
+.panel-body {
+    padding: 31px 15px;
+    border-radius: var(--borderRadiusSmallest, 2px);
+    margin: 1px 0;
+    border: 0.3px solid var(--textColor30, #dfdeda);
+}
+
+/* Default */
+.panel-default .panel-heading {
+    color: var(--textColorDefault40, #fffef9);
+    background: var(--colorDefault40, #442b69);
+    border-color: transparent;
+}
+
+/* Primary */
+.panel-primary>.panel-heading {
+    color: var(--textColorPrimary40, #fffef9);
+    background: var(--colorPrimary40, #68afd9);
+    border-color: transparent;
+}
+
+/* Success */
+.panel-success>.panel-heading {
+    color: var(--textColorSuccess40, #62a86b);
+    background: var(--colorSuccess40, #62a86b);
+    border-color: transparent;
+}
+
+/* Info */
+.panel-info>.panel-heading {
+    color: var(--textColorCalm40, #fffef9);
+    background: var(--colorCalm40, #029acf);
+    border-color: transparent
+}
+
+/* Warning */
+.panel-warning>.panel-heading {
+    color: var(--textColorWarning40, #fffef9);
+    background: var(--colorWarning40, #e98053);
+    border-color: transparent
+}
+
+/* Danger */
+.panel-danger>.panel-heading {
+    color: var(--textColorDanger40, #fffef9);
+    background: var(--colorDanger40, #e34646);
+    border-color: transparent
+}
+
+/* Light */
+.panel-light>.panel-heading {
+    color: var(--textColorLight40, #434343);
+    background: var(--colorLight40, #eadede);
+    border-color: transparent
+}
+
+/* Stable */
+.panel-stable>.panel-heading {
+    color: var(--textColorStable40, #434343);
+    background: var(--colorStable50, #b5b5b5);
+    border-color: transparent
+}
+
+/* Royal */
+.panel-royal>.panel-heading {
+    color: var(--textColorRoyal40, #fffef9);
+    background: var(--colorRoyal40, #2f1a4f);
+    border-color: transparent
+}
+
+/* Dark */
+.panel-dark>.panel-heading {
+    color: var(--textColorDark40, #fffef9);
+    background: var(--colorDark40, #343434);
+    border-color: transparent
+}

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

@@ -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/slate/custom-slate.css

@@ -890,6 +890,7 @@ textarea.k-textbox:hover,
 /* Calendar */
 cron-calendar.k-calendar .k-footer,
 cron-calendar.k-calendar .k-header,
+.k-calendar .k-header,
 .k-calendar .k-footer .k-nav-today {
     background: linear-gradient(var(--colorDefault40, #3a3f44), var(--colorDefault40, #3a3f44) 60%, var(--colorDefault50, #33373c));
     color: var(--textColorDefault40, #ffffff);

package/css/themes/custom/united/custom-united.css

@@ -950,6 +950,7 @@ td.k-state-focused {
 /* Calendar */
 cron-calendar.k-calendar .k-footer,
 cron-calendar.k-calendar .k-header,
+.k-calendar .k-header,
 .k-calendar .k-footer .k-nav-today {
     background: var(--colorPrimary40, #e95420);
     color: var(--textColorPrimary40, #ffffff);

package/css/themes/custom/yeti/custom-yeti.css

@@ -973,6 +973,7 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
 /* Calendar */
 cron-calendar.k-calendar .k-footer,
 cron-calendar.k-calendar .k-header,
+.k-calendar .k-header,
 .k-calendar .k-footer .k-nav-today {
     background: var(--textColorDefault40, #333333);
     color: var(--colorDefault40, #e7e7e7);

package/css/themes/krypton.min.css

@@ -0,0 +1,9 @@
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.common-bootstrap.min.css';
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.min.css';
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.mobile.min.css';
+@import 'custom/navigator/custom-navigator.css';
+@import '../../dist/css/cronos.css';
+@import '../../components/css/color-default.css';
+@import '../../css/app.css';
+@import 'custom/theme-general/theme-general.css';
+@import 'custom/krypton/custom-krypton.css';

package/css/themes/material-round.min.css

@@ -0,0 +1,9 @@
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.common-bootstrap.min.css';
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.min.css';
+@import '../../../cronapp-lib-js/dist/js/kendo-ui/styles/kendo.bootstrap.mobile.min.css';
+@import 'custom/navigator/custom-navigator.css';
+@import '../../dist/css/cronos.css';
+@import '../../components/css/color-default.css';
+@import '../../css/app.css';
+@import 'custom/theme-general/theme-general.css';
+@import 'custom/material-round/custom-material-round.css';