coer-elements 0.0.94 → 0.0.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "coer-elements",
3
- "version": "0.0.94",
3
+ "version": "0.0.96",
4
4
  "author": "Christian Omar Escamilla Rodríguez",
5
5
  "keywords": [
6
6
  "COER",
@@ -17,5 +17,4 @@
17
17
  @use "../components/lib/coer-tab/coer-tab.component.scss";
18
18
  @use "../components/lib/coer-textarea/coer-textarea.component.scss";
19
19
  @use "../components/lib/coer-textbox/coer-textbox.component.scss";
20
- @use "../tools/lib/coer-alert/coer-alert.component.scss";
21
-
20
+ @use "../tools/lib/coer-alert/coer-alert.component.scss";
@@ -405,13 +405,6 @@ div.coer-button .mat-mdc-button-touch-target {
405
405
  height: 0px !important;
406
406
  }
407
407
 
408
- div#coer-tool-bar coer-button * {
409
- color: var(--orange) !important;
410
- }
411
- div#coer-tool-bar coer-dropdown coer-button * {
412
- color: transparent !important;
413
- }
414
-
415
408
  div.coer-checkbox mat-checkbox div.mdc-form-field.mat-internal-form-field div.mdc-checkbox {
416
409
  padding: 10px !important;
417
410
  }
@@ -694,6 +687,7 @@ div.coer-grid div.loading {
694
687
  background-color: rgba(187, 187, 187, 0.5137254902) !important;
695
688
  flex-direction: column !important;
696
689
  gap: 10px !important;
690
+ z-index: 1;
697
691
  }
698
692
  div.coer-grid div.loading span.fa-fade {
699
693
  position: relative !important;
@@ -1071,7 +1065,7 @@ div.coer-dropdown ul.dropdown-menu {
1071
1065
  border-top-left-radius: 0px !important;
1072
1066
  border-top-right-radius: 0px !important;
1073
1067
  max-height: 205px !important;
1074
- width: 100% !important;
1068
+ width: 100%;
1075
1069
  overflow: auto !important;
1076
1070
  padding: 0px !important;
1077
1071
  }
@@ -1269,7 +1263,7 @@ mat-drawer-container mat-drawer {
1269
1263
  width: auto;
1270
1264
  min-width: 200px;
1271
1265
  background-color: var(--black) !important;
1272
- z-index: 1 !important;
1266
+ z-index: 3 !important;
1273
1267
  }
1274
1268
  mat-drawer-container mat-drawer div.mat-drawer-inner-container::-webkit-scrollbar {
1275
1269
  width: 1px !important;
@@ -1351,6 +1345,9 @@ mat-nav-list.coer-menu-option mat-list-item span.icon-container {
1351
1345
  max-width: 20px !important;
1352
1346
  color: var(--white);
1353
1347
  }
1348
+ mat-nav-list.coer-menu-option mat-list-item span.icon-container i {
1349
+ min-height: 16px !important;
1350
+ }
1354
1351
  mat-nav-list.coer-menu-option mat-list-item span.label-container {
1355
1352
  justify-content: flex-start !important;
1356
1353
  display: inline-flex !important;
@@ -2044,3 +2041,21 @@ input[type=file] {
2044
2041
  .no-selection::selection {
2045
2042
  background-color: transparent !important;
2046
2043
  }
2044
+
2045
+ div#coer-tool-bar coer-button * {
2046
+ color: var(--orange) !important;
2047
+ }
2048
+ div#coer-tool-bar coer-dropdown coer-button * {
2049
+ color: transparent !important;
2050
+ }
2051
+ div#coer-tool-bar coer-dropdown ul {
2052
+ right: 0px !important;
2053
+ width: auto !important;
2054
+ top: 2px !important;
2055
+ border-top: 0px !important;
2056
+ background-color: whitesmoke !important;
2057
+ }
2058
+ div#coer-tool-bar coer-dropdown ul li:not(.no-options):hover {
2059
+ color: black !important;
2060
+ background-color: rgb(240.618852459, 246.3831967213, 254.881147541) !important;
2061
+ }
package/styles/index.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'sass:color';
1
2
  @use "./angular-material.scss";
2
3
  @use "./bootstrap.scss";
3
4
  @use "./colors.scss";
@@ -29,4 +30,29 @@ input[type="file"] {
29
30
 
30
31
  .no-selection::selection {
31
32
  background-color: transparent !important;
32
- }
33
+ }
34
+
35
+
36
+ div#coer-tool-bar {
37
+ coer-button * {
38
+ color: var(--orange) !important;
39
+ }
40
+
41
+ coer-dropdown coer-button * {
42
+ color: transparent !important;
43
+ }
44
+
45
+ coer-dropdown ul {
46
+ right: 0px !important;
47
+ width: auto !important;
48
+ top: 2px !important;
49
+ border-top: 0px !important;
50
+ background-color: whitesmoke !important;
51
+
52
+ li:not(.no-options):hover{
53
+ color: black !important;
54
+ background-color: color.adjust(#0d6efd, $lightness: 45%) !important;
55
+ }
56
+ }
57
+ }
58
+
@@ -0,0 +1,6 @@
1
+ export declare const ElementsHTML: {
2
+ /** Get width in px */
3
+ GetElementWidth: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
4
+ /** Get height in px */
5
+ GetElementHeight: (element: HTMLElement | null | undefined, ...args: (number | HTMLElement | null | undefined)[]) => string;
6
+ };
@@ -4,6 +4,7 @@ export * from './lib/coer-grid.templates';
4
4
  export * from './lib/colors.class';
5
5
  export * from './lib/control-value.class';
6
6
  export * from './lib/date-time.class';
7
+ export * from './lib/elements-html.class';
7
8
  export * from './lib/files.class';
8
9
  export * from './lib/user.class';
9
10
  export * from './lib/filters.class';