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

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

@@ -1,6 +1,5 @@
 @import 'button.css';
 @import 'carousel.css';
-@import 'cookies.css';
 @import 'forms.css';
 @import 'login.css';
 @import 'menu.css';
@@ -20,51 +19,177 @@
     outline: 0;
 }
 
-
 body {
-    background-color: var(--backgroundColor40, #ffffff);
-    font-family: var(--fontFamily, "Helvetica Neue", Helvetica, Arial, sans-serif);
+    background: var(--backgroundColor40, #f1f1f1);
+    font-family: var(--fontFamily, Arial, sans-serif);
     font-size: var(--textNormalSize, 14px);
     line-height: 1.42857143;
-    color: #2d2d2d;
+    color: var(--textColor40, #393939);
 }
 
-body,
-.k-block,
-.k-content,
-.k-dropdown .k-input,
-.k-popup,
-.k-toolbar,
-.k-widget {
-    color: var(--textColor40, #2d2d2d);
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: 300;
 }
 
-a,
-a:focus,
-a:active {
-    color: var(--colorDefault40, #474949, #474949);
-    text-decoration: none;
-    outline: 0;
+h1,
+.h1 {
+    font-size: var(--textFullSize, 36px);
 }
 
-a:hover {
-    color: var(--colorDefault30, #8a8b8b, #8a8b8b);
+h2,
+.h2 {
+    font-size: var(--textExtraBigSize, 30px);
 }
 
-h1,
-.h1,
-h2,
-.h2,
 h3,
-.h3,
+.h3 {
+    font-size: var(--textBigSize, 24px);
+}
+
 h4,
-.h4,
+.h4 {
+    font-size: var(--textMediumSize, 18px);
+}
+
 h5,
-.h5,
+.h5 {
+    font-size: var(--textNormalSize, 14px);
+}
+
 h6,
 .h6 {
-    font-weight: 500;
-    color: var(--textColor70, #383838);
+    font-size: var(--textSmallSize, 12px);
+}
+
+p,
+label,
+a,
+input {
+    font-size: var(--textNormalSize, 14px);
+}
+
+.col-lg-1,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-md-1,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-sm-1,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-xs-1,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9 {
+    padding-right: initial;
+    padding-left: initial;
+}
+
+/* checkbox */
+.k-checkbox-label:before {
+    border-radius: var(--borderRadiusSmallest, 2px);
+    width: var(--textMediumSize, 16px);
+    height: var(--textMediumSize, 16px);
+    line-height: var(--textMediumSize, 16px);
+    font-size: var(--textNormalSize, 14px);
+}
+
+.k-checkbox:checked+.k-checkbox-label:before {
+    content: "\f00c";
+    font-family: "FontAwesome";
+}
+
+.k-checkbox-label {
+    line-height: var(--textMediumSize, 18px);
+    padding-left: calc(var(--textMediumSize, 18px) * 1.75);
+    color: var(--textColor40, #393939);
+}
+
+/* radio */
+.k-radio:checked+.k-radio-label:after {
+    width: var(--textNormalSize, 12px);
+    height: var(--textNormalSize, 12px);
+    border-radius: var(--borderRadiusFull, 99999px);
+}
+
+.k-radio-label:before {
+    width: var(--textMediumSize, 16px);
+    height: var(--textMediumSize, 16px);
+    line-height: var(--textMediumSize, 16px);
+    background: transparent;
+    border-radius: var(--borderRadiusFull, 99999px);
+    border: 1px solid;
+}
+
+.k-radio-label {
+    line-height: var(--textBigSize, 18px);
+    padding-left: calc(var(--textBigSize, 18px) * 1.25);
+    color: var(--textColor40, #393939);
+}
+
+
+
+a,
+a:focus,
+a:active {
+    color: var(--colorDefault40, #3b448e);
+    text-decoration: none;
+    outline: 0;
+    font-size: var(--textNormalSize, 14px);
+}
+
+a:focus {
+    outline: none;
+}
+
+a:hover {
+    color: var(--colorDefault30, #8689af);
 }
 
 .k-block,
@@ -72,41 +197,62 @@ h6,
     background: transparent;
 }
 
+/* button */
+div[data-component="crn-textinputbutton"] div[data-component="crn-button"] {
+    margin-bottom: 0px;
+}
+
+.btn.btn-fab,
+.btn-fab {
+    border-radius: 50%;
+    font-size: var(--textNormalSize, 14px);
+    height: calc(var(--textNormalSize, 14px) * 3);
+    margin: initial;
+    min-width: calc(var(--textNormalSize, 14px) * 3);
+    width: calc(var(--textNormalSize, 14px) * 3);
+    padding: 0;
+    position: relative;
+}
+
+.k-button.btn-fab i {
+    font-size: var(--textNormalSize, 14px);
+}
+
 /* ==== TEXT ==== */
 .text-default {
-    color: var(--colorDefault40, #474949);
+    color: var(--colorDefault40, #3b448e);
 }
 
 .text-primary {
-    color: var(--colorPrimary40, #446e9b);
+    color: var(--colorPrimary40, #5665be);
 }
 
 .text-secondary {
-    color: var(--colorPrimary50, #3c6088);
+    color: var(--colorPrimary50, #37479e);
 }
 
 .text-success {
-    color: var(--colorSuccess40, #3cb521);
+    color: var(--colorSuccess40, #257d25);
 }
 
 .text-warning {
-    color: var(--colorWarning40, #d47500);
+    color: var(--colorWarning40, #f0ad4e);
 }
 
 .text-danger {
-    color: var(--colorDanger40, #cd0200);
+    color: var(--colorDanger40, #ce3a36);
 }
 
 .text-info {
-    color: var(--colorCalm40, #3399f3);
+    color: var(--colorCalm40, #3b448e);
 }
 
 .text-light {
-    color: var(--colorLight40, #eeeeee);
+    color: var(--colorLight40, #ffffff);
 }
 
 .text-dark {
-    color: var(--colorDark40, #333333);
+    color: var(--colorDark40, #444444);
 }
 
 .text-muted {
@@ -118,21 +264,27 @@ h6,
 }
 
 .lead {
-    font-size: 21px;
+    font-size: var(--textBigSize, 18px);
+}
+
+.k-invalid {
+    border-color: var(--colorDanger40, #ce3a36);
 }
 
-@media (min-width: 768px) {
-    .lead {
-        font-size: 21px;
-    }
+.k-state-focused {
+    box-shadow: 0 0 7px 0 var(--textColor60, #2a2a2a);
+}
+
+.k-grouping-row .k-state-focused,
+.k-state-focused {
+    border-color: var(--textColor60, #2a2a2a);
 }
 
 /* ==== PAGE LOADING BAR ====*/
 .pace div.pace-progress {
-    background-color: var(--colorPrimary40, #446e9b);
+    background: var(--colorPrimary40, #5665be);
 }
 
-
 /* ==== ADMIN PAGES ====*/
 #starter div[id^="crn-form"] input {
     width: 100%;
@@ -141,24 +293,29 @@ h6,
 /* ==== COMPONENTS ==== */
 
 /* Drag File Upload */
-.dynamic-image-container .btn {
-    margin: 8px;
+.dynamic-image-container {
+    border-style: dashed;
+    border: 1px dashed var(--colorDefault40, #3b448e);
+    border-radius: var(--borderRadiusSmallest, 5px);
+    padding: 20px;
 }
 
-.dynamic-image-container .btn.ng-binding {
-    white-space: normal;
-    text-align: center;
-    background-color: var(--colorNeutral20);
+.dynamic-image-container .btn {
+    margin: 8px;
+    padding: 3px 12px;
+    background: var(--colorDefault40, #3b448e);
+    outline: none;
+    color: var(--textColorDefault40, #ffffff);
 }
 
-.dynamic-image-container .btn.btn-info span {
-    margin-top: 6px;
+.dynamic-image-container .btn:hover {
+    background: var(--colorDefault50, #343c7c);
+    color: var(--textColorDefault40, #ffffff);
 }
 
 /* Rating */
 *[id^="crn-rating"] .fa {
     cursor: pointer;
-    font-size: 28px;
 }
 
 /* Charts */
@@ -174,7 +331,192 @@ div[id^="crn-chart"] {
 
 /* Signatura Pad */
 div[id^="crn-signature-pad"] canvas {
-    background-color: var(--colorNeutral00);
-    border-radius: var(--borderRadiusSmallest);
-    border: 1px solid var(--colorNeutral40);
-}
+    background: var(--colorNeutral00, #FFFFFF);
+    border-radius: var(--borderRadiusSmallest, 5px);
+    border: 1px solid var(--colorNeutral40, #C7C7C7);
+}
+
+/* Rich Text Editor */
+.mce-tinymce.mce-panel {
+    overflow: hidden;
+    padding: 0;
+    background: var(--colorNeutral10, #F1F1F1);
+}
+
+.mce-tinymce.mce-panel .mce-menubar {
+    border-bottom-color: var(--colorNeutral40, #C7C7C7);
+}
+
+.mce-tinymce.mce-panel .mce-menubar .mce-btn-group:not(:first-child) {
+    border-left-color: var(--colorNeutral40, #C7C7C7);
+}
+
+.mce-tinymce.mce-panel .mce-menubar .mce-btn button,
+.mce-tinymce.mce-panel .mce-toolbar .mce-btn button,
+.mce-tinymce.mce-panel .mce-toolbar .mce-btn button span,
+.mce-tinymce.mce-panel .mce-toolbar .mce-btn button i {
+    color: var(--colorNeutral160, #383838);
+}
+
+.mce-tinymce.mce-panel .mce-toolbar-grp.mce-panel,
+.mce-tinymce.mce-panel .mce-statusbar.mce-panel {
+    background: var(--colorNeutral10, #F1F1F1);
+}
+
+.mce-tinymce.mce-panel .mce-toolbar .mce-btn button i {
+    color: var(--colorNeutral160, #383838);
+}
+
+/* Date and hour */
+.bootstrap-datetimepicker-widget table th,
+.bootstrap-datetimepicker-widget table td.day {
+    height: calc(var(--textNormalSize, 14px) * 1.7);
+    line-height: var(--textNormalSize, 14px);
+    width: var(--textNormalSize, 14px);
+    font-size: var(--textNormalSize, 14px);
+}
+
+.bootstrap-datetimepicker-widget table td span {
+    height: calc(var(--textNormalSize, 14px) * 2.1);
+    line-height: calc(var(--textNormalSize, 14px) * 2.1);
+    width: calc(var(--textNormalSize, 14px) * 2.1);
+}
+
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second {
+    width: calc(var(--textNormalSize, 14px) * 2.1);
+}
+
+.k-calendar .k-link.k-nav-fast,
+.k-calendar .k-header .k-link.k-nav-next,
+.k-calendar .k-header .k-link.k-nav-prev {
+    color: var(--textColorDefault40, #ffffff);
+}
+
+.bootstrap-datetimepicker-widget table td.active,
+.bootstrap-datetimepicker-widget table td.active:hover {
+    background: var(--colorDefault40, #3b448e);
+    color: var(--textColorDefault40, #ffffff);
+    font-family: var(--fontFamily, Arial, sans-serif);
+}
+
+.bootstrap-datetimepicker-widget a[data-action] {
+    color: var(--colorDefault40, #3b448e);
+    border: 0;
+    background: transparent;
+    font-family: var(--fontFamily, Arial, sans-serif);
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu {
+    padding: 20px;
+}
+
+.bootstrap-datetimepicker-widget table td.old,
+.bootstrap-datetimepicker-widget table td.new {
+    color: var(--textColor40, #393939);
+    opacity: 0.5;
+}
+
+/* seta do modal do calendario */
+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #cccccc;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    top: -7px;
+    left: 7px;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid var(--colorDefault40, #3b448e);
+    top: -6px;
+    left: 8px;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    border-top: 7px solid #cccccc;
+    border-top-color: rgba(0, 0, 0, 0.2);
+    bottom: -7px;
+    left: 6px;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    border-top: 6px solid var(--colorDefault40, #3b448e);
+    bottom: -6px;
+    left: 7px;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
+    left: auto;
+    right: 6px;
+}
+
+.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
+    left: auto;
+    right: 7px;
+}
+
+.k-dropzone .k-upload-status,
+.k-dropzone em,
+.k-other-month,
+.k-other-month .k-link,
+.k-slider .k-draghandle,
+.k-state-disabled,
+.k-state-disabled .k-link,
+.k-tile-empty strong,
+.k-other-month.k-state-hover .k-link,
+.k-state-hover>.k-link,
+div.k-filebrowser-dropzone em {
+    color: var(--textColor30, #393939);
+}
+
+/* componente */
+.k-dropdown-wrap.k-state-active.k-state-border-down,
+.k-numeric-wrap .k-link.k-state-selected,
+.k-pager-numbers.k-state-expanded .k-current-page .k-link,
+.k-picker-wrap.k-state-active.k-state-border-down {
+    box-shadow: none;
+}
+
+.cardinput {
+    border-color: var(--textColor30, #858585);
+}
+
+.cardinput .k-textbox.form-control {
+    box-shadow: none;
+    font-family: var(--fontFamily, Arial, sans-serif);
+}
+
+/* Breadcrumbs */
+#cron-breadcrumbs {
+    border: 0;
+}
+
+#cron-breadcrumbs .k-breadcrumb-item,
+#cron-breadcrumbs .k-breadcrumb-item a {
+    color: var(--textColor40, #393939);
+    font-family: var(--fontFamily, Arial, sans-serif);
+}
+
+#cron-breadcrumbs .k-breadcrumb-container {
+    display: flex;
+    gap: 19px;
+    margin-left: 14px;
+}
+
+#cron-breadcrumbs .k-breadcrumb-container .k-breadcrumb-delimiter-icon {
+    margin: 0 7px;
+    margin-top: -5px;
+}
+
+.k-popup.k-list-container .k-virtual-content {
+    height: auto !important;
+    max-height: 185px;
+}

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

@@ -5,7 +5,7 @@
 }
 
 ul.timeline:before {
-    background-color: var(--colorNeutral80);
+    background: var(--colorNeutral80, #909090);
 }
 
 ul.timeline .timeline-event>*:nth-child(1) {
@@ -14,17 +14,17 @@ ul.timeline .timeline-event>*:nth-child(1) {
 }
 
 ul.timeline .timeline-event>.warning:nth-child(1) {
-    background-color: var(--colorWarning40, #d47500);
+    background: var(--colorWarning40, #f0ad4e);
 }
 
 ul.timeline .timeline-event>.info:nth-child(1) {
-    background-color: var(--colorPrimary40, #446e9b);
+    background: var(--colorPrimary40, #5665be);
 }
 
 ul.timeline .timeline-event>*:nth-child(2) {
     box-shadow: none;
     border: 0;
-    border-radius: var(--borderRadiusSmallest);
+    border-radius: var(--borderRadiusSmallest, 5px);
 }
 
 ul.timeline .timeline-event>*:nth-child(2):before {
@@ -32,9 +32,9 @@ ul.timeline .timeline-event>*:nth-child(2):before {
 }
 
 ul.timeline .timeline-event .timeline-badge {
-    color: var(--colorNeutral00);
+    color: var(--colorNeutral00, #ffffff);
 }
 
 ul.timeline .timeline-event .timeline-heading {
-    color: var(--textColor);
+    color: var(--textColor40, #393939);
 }

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

@@ -1,12 +1,12 @@
-
 /* Tree */
 .k-treeview .k-item {
     margin-bottom: 5px;
-    color: var(--colorDefault40, #474949);
-    background-color: var(--colorDefault10, #d9d9d9);
-    border-radius: var(--borderRadiusExtraSmall);
+    color: var(--colorDefault40, #3b448e);
+    background: var(--colorDefault10, #d8d9e3);
+    border-radius: var(--borderRadiusExtraSmall, 10px);
     padding: 0;
     overflow: hidden;
+    font-family: var(--fontFamily, Arial, sans-serif);
 }
 
 .k-treeview .k-item .k-item {
@@ -28,6 +28,7 @@
     width: calc(100% - 20px);
     padding: 5px 10px;
     margin: 0;
+    font-family: var(--fontFamily, Arial, sans-serif);
 }
 
 .k-treeview .k-icon.k-i-collapse {
@@ -56,19 +57,19 @@
 
 .k-treeview .k-in.k-state-hover,
 .k-treeview .k-in.k-state-selected {
-    border-radius: var(--borderRadiusExtraSmall);
+    border-radius: var(--borderRadiusExtraSmall, 10px);
 }
 
 .k-treeview .k-in.k-state-hover {
-    color: var(--colorDefault40, #474949);
-    background-color: var(--colorDefault20, #b5b6b6);
+    color: var(--colorDefault40, #3b448e);
+    background: var(--colorDefault20, #b3b5ca);
 }
 
 .k-treeview .k-in.k-state-selected {
     color: var(--textColorDefault40, #ffffff);
-    background-color: var(--colorDefault40, #474949);
+    background: var(--colorDefault40, #3b448e);
 }
 
 .k-treeview .k-state-focused {
     box-shadow: none;
-}
+}