cronapp-framework-js 3.0.0-SP.30 → 3.0.0-SP.31

package/css/themes/custom/aquamarine/custom-aquamarine.css

@@ -38,6 +38,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/cosmo/custom-cosmo.css

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/darkly/custom-darkly.css

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -43,6 +43,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/flatly/custom-flatly.css

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/fuse/custom-fuse.css

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/journal/custom-journal.css

@@ -40,6 +40,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/krypton/custom-krypton.css

@@ -38,6 +38,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;
@@ -408,8 +409,7 @@
     --borderPanelStable: transparent;
     --borderPanelRoyal: transparent;
     --borderPanelDark: transparent;
-
-    /* === End - Variables used exclusively in the color palette property === */
+/* === End - Variables used exclusively in the color palette property === */
 }
 
 /* Button */
@@ -598,6 +598,10 @@ div[data-component^='crn-textinputicon'] .k-button {
 
 .siginPanel .titulo_card {
     color: var(--textColorDefault40, #f0f0f0);
+    display: flex;
+    justify-content: center;
+    width: 620px;
+    align-items: center;
 }
 
 .login-view label,
@@ -643,7 +647,6 @@ div[data-component="crn-button"] {
     display: block;
     margin-right: auto;
     margin-left: auto;
-    min-width: 600px;
 }
 
 /* Combo Botões*/
@@ -915,7 +918,6 @@ textarea.k-textbox {
     margin: 0;
     min-width: auto;
 }
-
 /*----End cookies----*/
 
 #crn-image-login img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
@@ -1112,7 +1114,6 @@ textarea.k-textbox {
     color: var(--textColor70, #838383);
 }
 
-
 /* Colors*/
 .color-default {
     color: var(--colorDefault40, #262c32);
@@ -1205,6 +1206,11 @@ textarea.k-textbox {
 }
 
 /*Tabela simples*/
+.table>thead>tr.info>th {
+    background: var(--backgroundColor10, #f0f0f0);
+    color: var(--textColor70, #434343);
+}
+
 table:focus {
     color: var(--textColorPrimary40, #f0f0f0);
 }
@@ -1292,7 +1298,6 @@ btn k-button btn-block btn-default btn-fab {
     background: var(--colorDark40, #000000);
     color: var(--textColorDark40, #f0f0f0);
 }
-
 /* ---End variables checkbox--- */
 
 /*Agendador*/
@@ -1360,6 +1365,10 @@ btn k-button btn-block btn-default btn-fab {
     border-color: unset;
 }
 
+.ng-scope.k-grid.k-widget.k-display-block {
+    background: transparent;
+}
+
 .k-scheduler-toolbar .k-link,
 cron-scheduler a.k-link,
 cron-scheduler .k-link:link {
@@ -1459,20 +1468,29 @@ div.k-window-content {
     resize: vertical;
     border-bottom: 1px solid #f0f0f0;
     background: transparent;
+    color: var(--textColorPrimary40, #f0f0f0);
     border-radius: 0px;
 }
 
+.k-scheduler-dayview div:not(.k-scheduler-header) .k-today:not(.k-nonwork-hour) {
+    color: var(--textColorTexts, #14202a);
+    background: var(--backgroundColor10, #f0f0f0);
+}
+
 textarea.k-textbox,
 textarea.k-textbox:focus,
 textarea.k-textbox:hover {
     border: 0;
     border-bottom: none;
     border-radius: 20px;
-    color: var(--textColorDefault40, #f0f0f0);
-    background: var(--backgroundColor30, #546270);
     margin: 0;
 }
 
+.form-control .k-textbox .ng-valid .ng-valid-maxlength .ng-not-empty .ng-dirty .ng-valid-parse .ng-touched {
+    background: var(--backgroundColor10, #f0f0f0);
+    color: var(--textColor70, #434343);
+}
+
 .k-edit-form-container .k-edit-buttons {
     background: var(--backgroundColor30, #546270);
 }
@@ -1504,7 +1522,7 @@ body .k-datetimepicker .k-select,
     border-radius: 0px;
 }
 
-/*Button fuso evento*/
+/*Botão fuso evento*/
 .k-scheduler-edit-form .k-edit-field .k-button {
     background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
     color: var(--textColorPrimay40, #f0f0f0);
@@ -1524,7 +1542,7 @@ body .k-datetimepicker .k-select,
     color: var(--textColorPrimay40, #f0f0f0);
 }
 
-/* ---- End Button ----*/
+/* ---- Final botões ----*/
 
 .k-i-arrow-60-down:before {
     color: var(--colorPrimary70, #09467f);
@@ -1550,7 +1568,7 @@ body .k-datetimepicker .k-select,
     background: var(--colorPrimary70, #09467f);
 }
 
-/*Button Cancelar/Excluir Evento*/
+/*Botão Cancelar/Excluir Evento*/
 .k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete,
 .k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
     background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
@@ -1580,6 +1598,29 @@ body .k-datetimepicker .k-select,
 }
 
 /*Calendario Agendador*/
+td .k-calendar .k-today.k-state-selected,
+.k-calendar .k-state-focused,
+.gridcell {
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
+    color: var(--textColorDefault40, #f0f0f0);
+    box-shadow: none;
+}
+
+.k-calendar .k-today.k-state-selected {
+    background: var(--colorPrimary60, #125da2);
+    color: var(--textColorPrimary40, #f0f0f0);
+}
+
+.k-calendar td.k-state-focused a.k-link {
+    background: transparent;
+    color: var(--textColorDefault40, #f0f0f0);
+}
+
+.k-calendar .k-state-focused,
+.k-calendar td.k-state-focused {
+    box-shadow: unset;
+}
+
 .k-scheduler-navigation .k-i-arrow-60-right {
     color: var(--textColorTexts, #14202a);
 }
@@ -1754,51 +1795,106 @@ td.k-state-focused.k-state-selected .k-link {
 }
 
 /*Default*/
+.k-radio-label:after, .k-radio:checked+.k-radio-label:after, .option-default .k-radio-label:after, .option-default .k-radio:checked+.k-radio-label:after {
+    background: var(--colorDefault40, #262c32);
+    border-color: var(--colorDefault40, #262c32);
+
+}
+
 .k-radio:checked+.k-radio-label:before, .option-default .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorDefault40, #262c32);
 }
 
 /*Primary*/
+.option-primary .k-radio-label:after, .option-primary .k-radio:checked+.k-radio-label:after {
+    background: var(--colorPrimary40, #197fdd);
+    border-color: var(--colorPrimary40, #197fdd);
+}
+
 .option-primary .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorPrimary40, #197fdd);
 }
 
 /*Success*/
+.option-success .k-radio-label:after, .option-success .k-radio:checked+.k-radio-label:after {
+    background: var(--colorSuccess40, #2ffc2b);
+    border-color: var(--colorSuccess40, #2ffc2b);
+}
+
 .option-success .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorSuccess40, #2ffc2b);
 }
 
 /*Info*/
+.option-info .k-radio-label:after, .option-info .k-radio:checked+.k-radio-label:after {
+    background: var(--colorCalm40, #44e1d8);
+    border-color: var(--colorCalm40, #44e1d8);
+}
+
 .option-info .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorCalm40, #44e1d8);
 }
 
 /*Warning*/
+.option-warning .k-radio-label:after, .option-warning .k-radio:checked+.k-radio-label:after {
+    background: var(--colorWarning40, #f58d11);
+    border-color: var(--colorWarning40, #f58d11);
+}
+
 .option-warning .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorWarning40, #f58d11);
 }
 
 /*Danger*/
+.option-danger .k-radio-label:after, .option-danger .k-radio:checked+.k-radio-label:after {
+    background: var(--colorDanger40, #f03a3a);
+    border-color: var(--colorDanger40, #f03a3a);
+}
+
 .option-danger .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorDanger40, #f03a3a);
 }
 
 /*Light*/
+.option-light .k-radio-label:after, .option-light .k-radio:checked+.k-radio-label:after {
+    background: var(--colorLight40, #8da0b2);
+    border-color: var(--colorLight40, #8da0b2);
+}
+
 .option-light .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorLight40, #8da0b2);
 }
 
 /*Stable*/
+.option-stable .k-radio-label:after, .option-stable .k-radio:checked+.k-radio-label:after {
+    background: var(--colorStable40, #818181);
+    border-color: var(--colorStable40, #818181);
+}
+
 .option-stable .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorStable40, #818181);
 }
 
 /*Royal*/
+.option-royal .k-radio-label:after, .option-royal .k-radio:checked+.k-radio-label:after {
+    background: var(--colorRoyal40, #0e3760);
+    border-color: var(--colorRoyal40, #0e3760);
+}
+
 .option-royal .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorRoyal40, #0e3760);
 }
 
 /*Dark*/
+.option-dark .k-radio-label:after, .option-dark .k-radio:checked+.k-radio-label:after {
+    background: var(--colorDark40, #000000);
+    border-color: var(--colorDark40, #000000);
+}
+
+.option-dark .k-radio:checked+.k-radio-label:before {
+    border-color: var(--colorDark40, #000000);
+}
+
 .option-dark .k-radio:checked+.k-radio-label:before {
     border-color: var(--colorDark40, #000000);
 }

package/css/themes/custom/krypton/grid-krypton.css

@@ -16,6 +16,10 @@
     color: var(--textColor40, #f0f0f0);
 }
 
+.k-grid-header:first-child th.k-header:first-child, .k-rtl thead.k-grid-header th.k-header:last-child, thead.k-grid-header th.k-header:first-child {
+    border-radius: 10px;
+}
+
 .k-filter-menu .k-button+.k-button,
 .btn,
 .k-button.k-default,
@@ -240,7 +244,6 @@
     outline-offset: -2px;
 }
 
-
 /* Modal Notification*/
 .k-dialog-buttongroup .k-button.k-primary {
     background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467f) 100%);
@@ -471,7 +474,6 @@ input#cron-crn-enterprise-combobox-773856.k-input.cronSelect {
     background: var(--backgroundColor10, #f0f0f0);
 }
 
-
 .k-popup {
     background: var(--backgroundColor30, #546270);
     color: var(--textColorDefault40, #f0f0f0);
@@ -540,7 +542,6 @@ cron-grid .k-tooltip span:before {
     color: var(--textColor40, #f0f0f0);
 }
 
-
 .k-dropdown-wrap.k-state-defaul:focus,
 .k-dropdown-wrap.k-state-defaul:hover,
 .k-dropdown-wrap.k-state-defaul:active {

package/css/themes/custom/lumen/custom-lumen.css

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/materialui/custom-materialui.css

@@ -30,6 +30,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -18,6 +18,13 @@
     margin: 0;
 }
 
+.main-view-vertical {
+    display: inline-block;
+    width: calc(100vw - var(--menuVerticalCollapsedWidth, 225px) - 4vw);
+    margin-left: calc(225px + 2vw);
+    margin-top: 5.5vh;
+}
+
 @media only screen and (min-width: 768px) {
     .main-view-vertical {
         display: inline-block;
@@ -190,7 +197,7 @@
 }
 
 @media only screen and (max-width: 400px) {
-    .main-view {
+    .main-view.main-view-horizontal {
         padding: 0px !important;
         margin: 0px;
         width: 100% !important;
@@ -198,8 +205,33 @@
     .k-scheduler-phone {
         overflow-y: auto !important;
     }
+
+    #main-nav-bar > nav {
+        margin-top: 0px !important;
+    }
 }
 
+@media only screen and (max-width: 767px) {
+    .crn-navigator-vertical {
+        height: 100%;
+        position: fixed;
+    }
+
+    #navbar, #navbar2 {
+        overflow-x: hidden;
+    }
+
+    /* adjusting the margin of the retractable menu submenu */
+    .crn-navigator-retratil .dropdown-menu .dropdown-submenu {
+        margin-left: 25px;
+    }
+
+    /*hide the retractable menu arrow, as there is no space to "detach" */
+    #main-nav-bar > label {
+        display: none;
+    }
+
+}
 
 /**** Changing scroll bar  ****/
 .crn-navigator-vertical::-webkit-scrollbar {

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -36,6 +36,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -38,6 +38,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

package/css/themes/custom/theme-general/menu-vertical-retratil.css

@@ -41,7 +41,7 @@ label.labelCollapsibleMenu,
     transition: all .3s linear;
 }
 
-.crn-navigator-retratil #crn-navbar-logo,
+.crn-navigator-retratil:not(.crn-navigator-vertical) #crn-navbar-logo,
 #checkCollapsibleMenu {
     display: none;
 }

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;

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

@@ -37,6 +37,7 @@
 
     /* Menus - Sizes and Distances */
     --menuVerticalWidth: 270px;
+    --menuVerticalCollapsedWidth: 225px;
     --menuSideSize: 20px;
     --menuItemBarSize: 6px;
     --menuElementOverallPadding: 10px;