@indigina/kendo 2.0.33 → 2.0.35

package/README.md

@@ -1404,6 +1404,5 @@ This service provides public methods for managing the current locale for an appl
 - [@angular/platform-browser/animations](https://angular.io/api/platform-browser/animations)
 - [@ngx-translate/core](https://www.npmjs.com/package/@ngx-translate/core)
 - [ngx-clipboard](https://www.npmjs.com/package/ngx-clipboard)
-- [ngx-toastr](https://www.npmjs.com/package/ngx-toastr)
 - [angular-oauth2-oidc](https://github.com/manfredsteyer/angular-oauth2-oidc)
 - [moment-timezone](https://www.npmjs.com/package/moment-timezone) as **momentTimezone** const

package/assets/indigina-theme.scss

@@ -1,8 +1,6 @@
 @import "bootstrap/dist/css/bootstrap.min.css";
 @import "font-awesome/css/font-awesome.min.css";
-@import "./styles/external-fonts.scss";
-@import "./styles/styles-inspiria.scss";
-@import "ngx-toastr/toastr";
+@import "styles/external-fonts.scss";
 @import "@progress/kendo-theme-default/dist/all.css";
 @import "styles/kendoGrids.scss";
 @import "styles/kendooveride.scss";
@@ -19,7 +17,7 @@
 }
 
 .k-icon.glyphicon {
-  font-family: "Glyphicons Halflings";
+  font-family: Glyphicons Halflings, sans-serif;
 }
 
 :root {

package/assets/styles/Site.scss

@@ -38,7 +38,7 @@ body {
   margin: 10px 0 10px 10px;
   font-weight: normal;
   font-size: 25px;
-  font-family: Tahoma;
+  font-family: Tahoma, sans-serif;
   color: #36517e;
 }
 
@@ -112,14 +112,10 @@ form {
 
 .container-bordered {
   background-color: #fff;
-  border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, 0.3);
   -webkit-border-radius: 6px;
-  -moz-border-radius: 6px;
   border-radius: 6px;
   outline: 0;
-  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
   box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
   background-clip: padding-box;
   padding-bottom: 15px;
@@ -156,12 +152,7 @@ input[type='color'],
 .uneditable-input {
   background-color: #ffffff;
   border: 1px solid #cccccc;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
   transition: border linear 0.2s, box-shadow linear 0.2s;
 }
 
@@ -403,28 +394,9 @@ tr.errors td {
   border: 1px solid #c0c1c2;
   border-bottom: 0;
   background-color: #f9f9f9;
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#fefefe),
-    color-stop(15%, #fefefe),
-    to(#e3e3e5)
-  );
-  background-image: -webkit-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -moz-linear-gradient(top, #fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -o-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-image: linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-repeat: no-repeat;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -webkit-border-bottom-right-radius: 0;
-  -moz-border-radius-bottomright: 0;
-  border-bottom-right-radius: 0;
-  -webkit-border-bottom-left-radius: 0;
-  -moz-border-radius-bottomleft: 0;
-  border-bottom-left-radius: 0;
+  border-radius: 3px 3px 0 0;
   height: 30px;
 }
 
@@ -442,18 +414,12 @@ form :not(kendo-searchbar) > .k-input {
   height: 30px;
   line-height: 16px;
   border: 1px solid #cccccc;
-  -webkit-box-shadow: inset 0px 1px 3px #ececec;
-  -moz-box-shadow: inset 0px 1px 3px #ececec;
-  box-shadow: inset 0px 1px 3px #ececec;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
+  box-shadow: inset 0 1px 3px #ececec;
   border-radius: 3px;
   color: #333333;
 }
 
 .border-radius {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
   border-radius: 3px;
 }
 
@@ -569,20 +535,10 @@ form :not(kendo-searchbar) > .k-input {
 
 .navbar-inner .container-login {
   background-color: #fafafa;
-  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#ffffff),
-    to(#f2f2f2)
-  );
-  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
-  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
   background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
-  border: 0px;
+  border: 0;
 }
 
 .navbar-fixed-top {
@@ -1000,10 +956,6 @@ div.k-grid-header {
   color: rgba(255, 255, 255, 0.75);
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
   background-color: #363636;
-  background-image: -moz-linear-gradient(top, #444, #222);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
-  background-image: -webkit-linear-gradient(top, #444, #222);
-  background-image: -o-linear-gradient(top, #444, #222);
   background-image: linear-gradient(to bottom, #444, #222);
   background-repeat: repeat-x;
   border-color: #222 #222 #000;
@@ -1124,19 +1076,15 @@ div.k-window-content {
   text-align: right;
   background-color: #f5f5f5;
   border-top: 1px solid #ddd;
-  -webkit-border-radius: 0 0 6px 6px;
-  -moz-border-radius: 0 0 6px 6px;
   border-radius: 0 0 6px 6px;
-  -webkit-box-shadow: inset 0 1px 0 #fff;
-  -moz-box-shadow: inset 0 1px 0 #fff;
   box-shadow: inset 0 1px 0 #fff;
 }
 
 .k-widget.k-window #confirmationModal .popupMessage.bootbox-body {
-  margin-top: 0px;
+  margin-top: 0;
   padding: 15px;
-  border: 0px;
-  border-image-width: 0px;
+  border: 0;
+  border-image-width: 0;
 }
 
 .k-widget.k-window {
@@ -1389,17 +1337,6 @@ a {
 
 .protocol-block {
   background-color: #f9f9f9;
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#fefefe),
-    color-stop(15%, #fefefe),
-    to(#e3e3e5)
-  );
-  background-image: -webkit-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -moz-linear-gradient(top, #fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -o-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-image: linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-repeat: no-repeat;
   color: #36517e;
@@ -1432,17 +1369,6 @@ a {
 
 .alert-info {
   background-color: #f9f9f9;
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#fefefe),
-    color-stop(15%, #fefefe),
-    to(#e3e3e5)
-  );
-  background-image: -webkit-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -moz-linear-gradient(top, #fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -o-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-image: linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-repeat: no-repeat;
   -webkit-border-radius: 3px;
@@ -1459,30 +1385,6 @@ a {
 
 .table th {
   background-color: #545255 !important;
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#423f42),
-    color-stop(50%, #58575a),
-    to(#434043)
-  ) !important;
-  background-image: -webkit-linear-gradient(
-    #423f42,
-    #58575a 50%,
-    #434043
-  ) !important;
-  background-image: -moz-linear-gradient(
-    top,
-    #423f42,
-    #58575a 50%,
-    #434043
-  ) !important;
-  background-image: -o-linear-gradient(
-    #423f42,
-    #58575a 50%,
-    #434043
-  ) !important;
   background-image: linear-gradient(#423f42, #58575a 50%, #434043) !important;
   background-repeat: no-repeat !important;
   color: #fff !important;
@@ -1540,17 +1442,6 @@ a {
 
 .bg-info {
   background-color: #f9f9f9;
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#fefefe),
-    color-stop(15%, #fefefe),
-    to(#e3e3e5)
-  );
-  background-image: -webkit-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -moz-linear-gradient(top, #fefefe, #fefefe 15%, #e3e3e5);
-  background-image: -o-linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-image: linear-gradient(#fefefe, #fefefe 15%, #e3e3e5);
   background-repeat: no-repeat;
   -webkit-border-radius: 3px;
@@ -1853,25 +1744,13 @@ a {
   width: 45px;
 }
 
-#ip-grid
-  > div.k-grid-content
-  > table
-  > tbody
-  > tr.ng-scope.k-grid-edit-row
-  > td:nth-child(2)
-  > a.k-button.k-button-icontext.k-primary.k-grid-update {
+#ip-grid > div.k-grid-content > table > tbody > tr.ng-scope.k-grid-edit-row > td:nth-child(2) > a.k-button.k-button-icontext.k-primary.k-grid-update {
   display: inline;
   margin-right: 30px;
   margin-left: 30px;
 }
 
-#ip-grid
-  > div.k-grid-content
-  > table
-  > tbody
-  > tr.ng-scope.k-grid-edit-row
-  > td:nth-child(2)
-  > a.k-button.k-button-icontext.k-grid-cancel {
+#ip-grid > div.k-grid-content > table > tbody > tr.ng-scope.k-grid-edit-row > td:nth-child(2) > a.k-button.k-button-icontext.k-grid-cancel {
   display: inline;
   margin-right: 30px;
   margin-left: 30px;
@@ -2058,10 +1937,15 @@ div.warn {
 }
 
 .k-grid td.k-state-selected,
-.k-grid tr.k-state-selected > td {
+.k-grid tr.k-state-selected > td,
+.k-grid .k-table-row.k-selected > .k-table-td:not(.k-group-cell) {
   background-color: #dce4f0;
 }
 
+.k-grid .k-table-row > .k-table-td:is(:focus, .k-focus) {
+  box-shadow: none;
+}
+
 .k-button:active,
 .k-button.k-state-active,
 .k-button:active:hover,
@@ -2324,7 +2208,7 @@ body.mini-navbar .navbar-default .nav .nav-second-level li a span {
 .k-input.k-multiselect {
   padding-left: 0px;
   display: flex;
-  height: auto;
+  height: 30px;
 }
 
 .k-input .k-i-loading {

package/assets/styles/kendooveride.scss

@@ -48,12 +48,17 @@ div.k-grid.k-widget.without-border {
 
 .k-grid.ovveride-grid {
   border: 1px solid #c5c5c5;
-  -ms-border-radius: 3px;
   border-radius: 3px;
 }
 .k-grid-content td {
   border-bottom: 1px solid #bdbec1;
 }
+
+.k-grid .k-table-td {
+  border-color: #bdbec1;
+  border-bottom: 1px solid #bdbec1;
+}
+
 /*end grid*/
 .k-grid-header-wrap tr:first-child {
   border: 1px solid #4e4d50;
@@ -74,8 +79,6 @@ div.k-grid.k-widget.without-border {
   border-top: 0;
   border-left: 0;
   border-radius: 2px 2px 0 0;
-
-  border-width: 0;
 }
 
 .k-gantt .k-grid-content tr td:first-child {
@@ -101,8 +104,6 @@ html .k-grid-edit-row .k-tooltip {
 
 .k-widget.k-tooltip {
   background-color: #e5daf8;
-  border-color: #e5daf8;
-  border-radius: 0;
   max-width: 200px;
   z-index: 10000;
   border: 1px solid #cccccc;
@@ -158,30 +159,6 @@ html .km-pane-wrapper .k-header {
 .k-gantt-treelist .k-grid-header th.k-header,
 .k-grid .k-grid-header th.k-header {
   background-color: #545255 !important;
-  background-image: -webkit-gradient(
-    linear,
-    0 0,
-    0 100%,
-    from(#423f42),
-    color-stop(50%, #58575a),
-    to(#434043)
-  ) !important;
-  background-image: -webkit-linear-gradient(
-    #423f42,
-    #58575a 50%,
-    #434043
-  ) !important;
-  background-image: -moz-linear-gradient(
-    top,
-    #423f42,
-    #58575a 50%,
-    #434043
-  ) !important;
-  background-image: -o-linear-gradient(
-    #423f42,
-    #58575a 50%,
-    #434043
-  ) !important;
   background-image: linear-gradient(#423f42, #58575a 50%, #434043) !important;
   background-repeat: no-repeat !important;
   color: #fff !important;
@@ -591,9 +568,24 @@ html .km-pane-wrapper .k-header {
 .k-pager-wrap .k-link:link,
 .k-pager-wrap .k-button,
 .k-pager-numbers .k-button {
+  width: 30px;
+  height: 30px;
   color: #5f5f5f !important;
+  border: none;
   background-color: transparent;
-  border-color: transparent;
+  border-radius: 3px;
+
+  &:before {
+    opacity: 0;
+    inset-block: 0;
+    inset-inline: 0;
+  }
+
+  &:hover {
+    &:before {
+      opacity: .08;
+    }
+  }
 }
 
 .k-pager-wrap .k-link:hover,
@@ -605,6 +597,33 @@ html .km-pane-wrapper .k-header {
   background-color: transparent;
 }
 
+.k-pager {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  padding: 8px;
+  border-color: #c5c5c5;
+  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
+  background-color: #eae8e8;
+
+  .pager {
+    margin: 0;
+  }
+
+  &-info {
+    padding: 0 10px;
+  }
+
+  &-nav {
+    width: 30px;
+    height: 30px;
+
+    &:before {
+      border-radius: 3px;
+    }
+  }
+}
+
 /*table header arrows*/
 
 .k-grid-header
@@ -807,3 +826,23 @@ form.k-filter-menu
 .k-expander-header {
   padding: 12px 16px;
 }
+
+.k-notification {
+  padding: 10px;
+  gap: 10px;
+
+  .k-svg-icon {
+    width: 18px;
+    height: 18px;
+    opacity: 1;
+  }
+
+  .k-notification-content,
+  .k-notification-text {
+    font-size: 15px;
+  }
+}
+
+div[kendowatermarkoverlay] {
+  display: none;
+}