@gipisistemas/ngx-core 1.0.24 → 1.0.26

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.
@@ -99,7 +99,7 @@
99
99
  width: 100% !important;
100
100
  background-color: $white-100 !important;
101
101
 
102
- @include breakpoints.tablet-view {
102
+ @include breakpoints.compact-view {
103
103
  max-height: 100% !important;
104
104
  }
105
105
 
@@ -20,7 +20,7 @@
20
20
  padding: 0.4rem 0;
21
21
  width: 100%;
22
22
 
23
- @include media.tablet-view {
23
+ @include media.compact-view {
24
24
  gap: 3.2rem;
25
25
  padding: 0.6rem 0;
26
26
  }
@@ -126,11 +126,13 @@
126
126
 
127
127
  > div,
128
128
  .pdfViewer {
129
- --user-unit: 1.02;
130
129
  --scale-factor: 1;
131
- --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
132
- --scale-round-x: 0.1rem;
133
- --scale-round-y: 0.1rem;
130
+ --page-bg-color: unset;
131
+ --pdfViewer-padding-bottom: 0;
132
+ --page-margin: 1px auto -8px;
133
+ --page-border: 9px solid transparent;
134
+ --hcm-highlight-filter: none;
135
+ --hcm-highlight-selected-filter: none;
134
136
 
135
137
  display: flex;
136
138
  flex-direction: column;
@@ -142,6 +144,54 @@
142
144
  .textLayer {
143
145
  font-family: $font-family !important;
144
146
  }
147
+
148
+ .canvasWrapper {
149
+ overflow: hidden;
150
+ width: 100%;
151
+ height: 100%;
152
+ }
153
+
154
+ .canvasWrapper canvas {
155
+ position: absolute;
156
+ top: 0;
157
+ left: 0;
158
+ display: block;
159
+ width: 100%;
160
+ height: 100%;
161
+ margin: 0;
162
+ contain: content;
163
+ }
164
+
165
+ .page {
166
+ --user-unit: 1;
167
+ --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
168
+ --scale-round-x: 1px;
169
+ --scale-round-y: 1px;
170
+
171
+ position: relative;
172
+ direction: ltr;
173
+ overflow: visible;
174
+ width: 816px;
175
+ height: 1056px;
176
+ margin: var(--page-margin);
177
+ border: var(--page-border);
178
+ background-clip: content-box;
179
+ background-color: var(--page-bg-color, rgb(255 255 255));
180
+ }
181
+
182
+ .annotationLayer {
183
+ position: absolute;
184
+ top: 0;
185
+ left: 0;
186
+ pointer-events: none;
187
+ transform-origin: 0 0;
188
+ }
189
+
190
+ .dummyPage {
191
+ position: relative;
192
+ width: 0;
193
+ height: var(--viewer-container-height, 0);
194
+ }
145
195
  }
146
196
  }
147
197
 
@@ -51,16 +51,18 @@
51
51
  gap: 0.4rem;
52
52
  max-width: 14rem;
53
53
  max-height: 2rem;
54
+ min-width: 0;
54
55
  padding: 0.2rem 0.8rem;
55
56
  border-radius: 0.6rem;
56
57
  background-color: #e0e1e2;
57
58
  font-size: 1.2rem;
58
59
  color: $font-color;
59
60
  font-weight: 600;
60
- flex-shrink: 0;
61
+ flex: 0 1 auto;
61
62
  }
62
63
 
63
64
  .g-select-value-chip-label {
65
+ flex: 1 1 auto;
64
66
  overflow: hidden;
65
67
  text-overflow: ellipsis;
66
68
  white-space: nowrap;
@@ -79,6 +81,7 @@
79
81
  background: transparent;
80
82
  color: $font-color;
81
83
  cursor: pointer;
84
+ flex-shrink: 0;
82
85
 
83
86
  > span {
84
87
  font-size: 1.4rem;
@@ -91,17 +94,6 @@
91
94
  }
92
95
  }
93
96
 
94
- .g-select-value-chip-ellipsis {
95
- display: inline-flex;
96
- align-items: center;
97
- justify-content: center;
98
- min-width: 2.4rem;
99
- padding: 0 0.6rem;
100
- font-size: $font-size;
101
- color: $font-color;
102
- flex-shrink: 0;
103
- }
104
-
105
97
  .select-input-multiple-hidden {
106
98
  display: none;
107
99
  }
@@ -239,6 +239,19 @@
239
239
  background-color: #{utils.get-color($theme, white, 100)};
240
240
  }
241
241
 
242
+ .g-table-paginator-records {
243
+ position: absolute;
244
+ left: 1.6rem;
245
+ top: 50%;
246
+ z-index: 1;
247
+ transform: translateY(-50%);
248
+ color: utils.get-color($theme, secondary, 300);
249
+ font-size: 1.1rem;
250
+ font-weight: 400;
251
+ line-height: 1.4rem;
252
+ pointer-events: none;
253
+ }
254
+
242
255
  .g-table-menu-context {
243
256
  display: inline-flex;
244
257
  gap: 10px;