cloud-ide-element 1.1.48 → 1.1.50

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.
Files changed (4) hide show
  1. package/fesm2022/cloud-ide-element.mjs +2 -2
  2. package/fesm2022/cloud-ide-element.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/assets/css/cide-ele-variable.scss +16 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cloud-ide-element",
3
- "version": "1.1.48",
3
+ "version": "1.1.50",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.1.0",
6
6
  "@angular/core": "^20.1.0"
package/src/lib/assets/css/cide-ele-variable.scss CHANGED
@@ -216,14 +216,28 @@ $sizes: xxs, xs, sm, md, lg, xl;
216
216
  .cide-textarea-label,
217
217
  .cide-select-label {
218
218
  position: absolute;
219
- z-index: 1;
219
+ z-index: 2;
220
220
  margin-left: 8px;
221
221
  margin-right: 8px;
222
- background-color: var(--cide-ele-bg-primary, var(--cide-theme-light-color, #ffffff));
222
+ // No background-color - legend style
223
223
  padding-left: 2px;
224
224
  padding-right: 2px;
225
225
  padding-top: 0px;
226
226
  padding-bottom: 0px;
227
+
228
+ // Create legend-style gap in border using pseudo-element
229
+ &::before {
230
+ content: '';
231
+ position: absolute;
232
+ top: 50%;
233
+ left: -2px;
234
+ right: -2px;
235
+ height: 2px; // Cover the border width
236
+ background-color: var(--cide-ele-bg-primary, var(--cide-theme-light-color, #ffffff));
237
+ z-index: -1;
238
+ transform: translateY(-50%);
239
+ pointer-events: none;
240
+ }
227
241
  }
228
242
 
229
243
  .cide-element-input-label-start,