cronapp-framework-js 2.9.2 → 2.9.3

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

@@ -634,31 +634,52 @@ input {
 }
 
 /* Page login */
+.bg-login #container-first .img-login[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
 .login-view img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
     filter: brightness(0) invert(1);
 }
 
-.bg-login #container-second,
 .siginPanel,
 .login-view {
     background: var(--backgroundLogin40, #060606);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b0d1ea), var(--colorPrimary30, #81bae0), var(--colorPrimary40, #2a9fd6), var(--colorPrimary50, #258bbb), var(--colorPrimary60, #1f749d));
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #888888);
+.bg-login #container-first #crn-botao-signup {
+    color: var(--colorPrimary40, #2a9fd6);
 }
 
-#crn-botao-cadastre:hover,
-.login-view .sign-up:hover,
-.crn-anchor-signup-back:hover {
-    color: var(--textColor40, #888888);
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorPrimary50, #258bbb);
+}
+
+.bg-login #container-first {
+    background: var(--colorDefault70, #2f2f2f);
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault70, #2f2f2f);
+    box-shadow: none;
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
+    background: transparent;
+}
+
+#bg-signup1.bg-login1 #container-first {
+    box-shadow: none;
+}
+
+.bg-login #container-first h1{
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.bg-login #container-second h1,
+.bg-login #container-first h1 {
+    font-size: var(--textExtraBigSize, 45px);
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -785,6 +806,61 @@ textarea.k-textbox:hover,
     background: var(--colorNeutral00, #ffffff);
 }
 
+.k-autocomplete.k-state-default .k-input,
+.k-combobox .k-state-default .k-input,
+.k-multiselect-wrap,
+.k-numeric-wrap.k-state-default .k-input,
+.k-picker-wrap.k-state-default .k-input,
+.k-progress-status-wrap,
+.k-slider-selection,
+.k-slider-track {
+    box-shadow: none;
+}
+
+.k-autocomplete.k-state-default.k-state-focused:hover,
+.k-widget.k-multiselect.k-state-focused:hover,
+.k-dropdown .k-state-focused:hover,
+.k-autocomplete.k-state-focused:hover,
+.k-dropdown-wrap.k-state-focused:hover,
+.k-multiselect.k-header.k-state-focused:hover,
+.k-numeric-wrap.k-state-focused:hover,
+.k-picker-wrap.k-state-focused:hover,
+.k-autocomplete.k-state-default.k-state-focused.k-state-hover,
+.k-widget.k-multiselect.k-state-focused.k-state-hover,
+.k-dropdown .k-state-focused.k-state-hover,
+.k-autocomplete.k-state-focused.k-state-hover,
+.k-dropdown-wrap.k-state-focused.k-state-hover,
+.k-multiselect.k-header.k-state-focused.k-state-hover,
+.k-numeric-wrap.k-state-focused.k-state-hover,
+.k-picker-wrap.k-state-focused.k-state-hover,
+.k-autocomplete.k-state-default.k-state-focused,
+.k-widget.k-multiselect.k-state-focused,
+.k-dropdown .k-state-focused,
+.k-autocomplete.k-state-focused,
+.k-dropdown-wrap.k-state-focused,
+.k-multiselect.k-header.k-state-focused,
+.k-numeric-wrap.k-state-focused,
+.k-picker-wrap.k-state-focused,
+.k-textbox:focus,
+.cardinput:focus-within,
+.k-textbox:focus:hover,
+.cardinput:focus-within:hover,
+.cronMultiSelect.k-state-focused,
+.cronMultiSelect.k-state-focused.k-state-hover,
+.cronMultiSelect.k-state-focused:hover {
+    border-color: var(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
+}
+
+.cardinput .k-textbox.form-control:focus {
+    box-shadow: none;
+}
+
+.cardinput {
+    padding: 0;
+}
+
 /* button - btn-fab */
 .btn.btn-fab,
 .btn-fab {
@@ -1086,8 +1162,6 @@ td.k-state-focused.k-state-selected {
     box-shadow: none;
 }
 
-
-
 .k-nonwork-hour,
 .k-scheduler-dayview .k-today.k-nonwork-hour,
 .k-scheduler-timelineview .k-today.k-nonwork-hour {
@@ -1225,30 +1299,10 @@ td.k-state-focused.k-state-selected {
     outline: none;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #cc0000);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #b30000);
-    border-color: transparent;
-    outline: none;
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #77b300);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #689d00);
-    border-color: transparent;
-    outline: none;
+.k-edit-form-container .k-edit-buttons,
+.k-window .k-window-titlebar.k-header {
+    background: var(--colorDefault70, #2f2f2f);
+    border-color: var(--colorDefault60, #3e3e3e);
 }
 
 .k-scheduler-table .k-today,
@@ -1264,4 +1318,31 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover a {
     background: transparent;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 1px solid var(--textColor10, #d7d7d7);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: var(--colorNeutral00, #ffffff);
+    border-color: var(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
+    box-shadow: none;
+}
+
+.layout-template-modern .k-button:hover,
+.layout-template-modern .k-button {
+    color: var(--colorDefault40, #3b448e);
+    padding: 6px 10px;
 }

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

@@ -2,7 +2,7 @@
     filter: brightness(0) invert(1);
 }
 
-.crn-navigator-horizontal .navbar {
+.navbar {
     background: var(--backgroundColor40, #060606);
     border-bottom: 1px solid var(--colorDefault70, #2f2f2f);
 }
@@ -17,15 +17,15 @@
     color: var(--colorDefault40, #555555);
 }
 
-.navbar-nav>li>a,
+.navbar-default .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(--textColor40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
-.navbar-nav>li>a:focus,
-.navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover,
 .nav .open>a,
 .nav .open>a:focus,
 .nav .open>a:hover,
@@ -54,8 +54,8 @@
     background: var(--colorDefault70, #2f2f2f);
 }
 
-#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.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, #e2e2e2);
 }
 
@@ -71,6 +71,7 @@ img.user-avatar[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
 
 .crn-navigator-vertical .navbar {
     background: var(--backgroundColor40, #060606);
+    border: 0;
 }
 
 /* Menu mobile */
@@ -95,8 +96,15 @@ img.user-avatar[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
         background: var(--backgroundColor40, #f1f1f1);
     }
 
-    #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.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(--textColor40, #393939);
     }
+}
+
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
+        box-shadow: none;
+        border: 0;
+    }
 }

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

@@ -684,7 +684,7 @@ a:hover {
 
 /* Modal */
 .k-window {
-    background: var(--colorDefault60, #323232);
+    background: var(--backgroundColor40, #222222);
     box-shadow: none;
 }
 
@@ -715,24 +715,42 @@ a:hover {
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #222222);
 }
 
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b2bac5), var(--colorPrimary30, #8492a6), var(--colorPrimary40, #375a7f), var(--colorPrimary50, #304f6f), var(--colorPrimary60, #28425d));
+}
+
+.bg-login #container-first .img-login[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
 .login-view img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
     filter: brightness(0) invert(1);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
+.bg-login #container-first #crn-botao-signup {
+    color: var(--colorSuccess40, #00bc8c);
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #ffffff);
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorSuccess50, #00bc8c);
+}
+
+.bg-login #container-first {
+    background: var(--colorDefault50, #3c3c3c);
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault50, #3c3c3c);
+    box-shadow: none;
+}
+
+#bg-signup1.bg-login1 #container-first {
+    box-shadow: none;
+}
+
+.bg-login #crn-botao-cadastre:focus,
+.bg-login #crn-botao-cadastre:hover {
+    color: var(--textColor20, #ffffff)
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -945,6 +963,10 @@ textarea.k-textbox:hover,
     color: var(--colorDefault40, #444444);
 }
 
+.cardinput {
+    padding: 0;
+}
+
 .k-grid-header,
 .table>thead>tr>th {
     background: var(--colorDefault40, #444444);
@@ -959,7 +981,6 @@ textarea.k-textbox:hover,
 }
 
 .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,
@@ -1007,6 +1028,12 @@ textarea.k-textbox:hover,
     color: var(--colorPrimary30, #8492a6);
 }
 
+.k-edit-form-container .k-edit-buttons,
+.k-window .k-window-titlebar.k-header {
+    background: var(--backgroundColor40, #222222);
+    border-color: var(--colorDefault40, #444444);
+}
+
 /* Grid */
 .k-grid-toolbar .k-button {
     border: 0;
@@ -1202,4 +1229,29 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--colorNeutral00, #ffffff)
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 1px solid var(--textColor30, #858585);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: var(--colorNeutral00, #ffffff);
+    border-color: var(--textColor30, #858585);
+    outline: 0;
+}
+
+.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 {
+    color: var(--colorDefault40, #3b448e);
 }

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

@@ -511,20 +511,37 @@ a:hover {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #383838);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #aeb7da), var(--colorPrimary30, #7c8ec8), var(--colorPrimary40, #1351b4), var(--colorPrimary50, #11479e), var(--colorPrimary60, #0e3b84));
+}
+
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorStable40, #f8f8f8);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
 }
 
 .login-view {
     max-width: 500px;
 }
 
+.bg-login #container-first input.k-textbox,
 .login-view input {
     width: 100% !important;
 }
 
+.bg-login #container-first input.k-textbox:focus,
+.login-view input:focus {
+    width: 100% !important;
+    box-shadow: 0 0 0 3px var(--colorWarning50, #dfb306) !important;
+    border-color: var(--colorWarning50, #dfb306);
+}
+
 .login-view .btn,
 .login-view .k-button {
     margin: 10px 0;
@@ -1155,6 +1172,10 @@ div[id^="crn-signature-pad"] canvas {
     font-style: italic;
 }
 
+.form-group .k-widget.k-tooltip-validation:empty {
+    display: none !important;
+}
+
 .form-group input.k-invalid {
     border-color: var(--colorDanger40, #e52207);
 }
@@ -1267,4 +1288,8 @@ div[id^="crn-signature-pad"] canvas {
 
 .privacy-view .dialog-cookies a {
     color: var(--colorPrimary30, #7c8ec8);
+}
+
+#cron-breadcrumbs{
+    background: transparent;
 }

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

@@ -19,7 +19,6 @@ textarea.k-textbox,
     height: auto;
     text-indent: 0;
     font-size: var(--textNormalSize, 16px);
-    position: initial;
 }
 
 
@@ -37,7 +36,7 @@ textarea.k-textbox,
 .k-grid .k-dropdown .k-dropdown-wrap,
 .k-animation-container .k-dropdown .k-dropdown-wrap,
 .cardinput .k-textbox.form-control {
-    border-color: var(--colorNeutral90, #828282);
+    border: 1px solid var(--colorNeutral90, #828282);
     box-shadow: none;
     width: auto;
     display: flex;
@@ -77,6 +76,7 @@ textarea.k-textbox,
 .k-grid .k-dropdown .k-dropdown-wrap.k-state-focused,
 .k-animation-container .k-dropdown .k-dropdown-wrap.k-state-focused {
     border-color: transparent;
+    box-shadow: 0 0 0 3px var(--colorWarning50, #dfb306);
 }
 
 .k-radio:checked+.k-radio-label:before {
@@ -118,16 +118,15 @@ textarea.k-textbox,
     background: var(--colorDefault20, #aeb7da);
     color: var(--colorDefault40, #1351b4);
     padding: 7px;
-    margin-right: -7px;
     border-radius: var(--borderRadiusMedium, 20px);
 }
 
-.k-autocomplete>.k-i-close {
-    margin-top: 6px;
+.k-autocomplete>.k-i-close:hover {
+    margin-right: 0px;
 }
 
-.k-autocomplete>.k-i-close:hover {
-    margin-right: 1px;
+.k-autocomplete>.k-i-close {
+    margin-right: 7px;
 }
 
 /* Forms - Combobox */
@@ -203,10 +202,13 @@ textarea.k-textbox,
     background: transparent;
 }
 
-.k-multiselect .k-multiselect-wrap.k-floatwrap,
-.k-multiselect.k-state-focused .k-multiselect-wrap {
+.k-multiselect .k-multiselect-wrap.k-floatwrap {
     border-radius: var(--borderRadiusSmallest, 5px);
-    border-color: var(--textColor60, #292929);
+    border-color: var(--colorNeutral90, #828282);
+}
+
+.k-multiselect.k-state-focused .k-multiselect-wrap {
+    border-color: transparent;
 }
 
 .k-multiselect .k-multiselect-wrap input {
@@ -359,4 +361,23 @@ div[id^="crn-textinputicon"] .input-group .k-button {
 
 #starter div[id^="crn-form"] input {
     margin-bottom: 4px;
+}
+
+/* Input with icon */
+.layout-template-modern:focus-within {
+    border: 1px solid var(--colorNeutral90, #828282);
+    background: var(--backgroundColor40, #ffffff);
+}
+
+.layout-template-modern input.k-textbox {
+    padding-left: 5px;
+}
+
+.layout-template-modern.input-group .k-button {
+    padding: 0px 14px;
+}
+
+div[id^="crn-textinputicon"] .input-group.layout-template-modern .k-button:hover,
+div[id^="crn-textinputicon"] .input-group.layout-template-modern .k-button {
+    color: var(--colorDefault40, #3b448e);
 }