coer-elements 0.0.39 → 0.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coer-elements",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "author": "Christian Omar Escamilla Rodríguez",
   "keywords": [
     "COER",

package/styles/coer-elements.css

@@ -2171,13 +2171,32 @@ div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc
   padding: 5px;
 }
 
+div.coer-list header {
+  align-items: center;
+  justify-content: space-between;
+  padding-right: 0px 8px;
+  margin: 0px;
+}
+div.coer-list header h6 {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 40px;
+  max-height: 40px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+div.coer-list header > div {
+  display: flex;
+  align-items: baseline;
+}
 div.coer-list ul.coer-list {
   width: 100%;
   border: solid 1px #ccc;
   display: block;
   background: white;
   border-radius: 4px;
-  overflow: hidden;
+  overflow: auto;
 }
 div.coer-list li.coer-list-box {
   padding: 10px 10px;
@@ -2222,6 +2241,26 @@ div.coer-list ul.cdk-drop-list-dragging,
 div.coer-list ul.cdk-drop-list-dragging * {
   cursor: grabbing;
 }
+div.coer-list div.loading,
+div.coer-list div.no-data {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  font-size: 25px;
+  color: gray;
+  z-index: 1;
+}
+div.coer-list div.loading {
+  background-color: rgba(187, 187, 187, 0.5137254902) !important;
+  flex-direction: column !important;
+  gap: 10px !important;
+}
+div.coer-list div.loading span.fa-fade {
+  position: relative !important;
+}
 
 .tooltip-inner {
   min-width: 125px;