grav-svelte 0.0.89 → 0.0.91

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.
@@ -178,8 +178,8 @@
178
178
  </Tooltip>
179
179
  {/if}
180
180
  {#if Filtros && Filtros.length > 0}
181
- {#if showFilters}
182
- <Tooltip text="Ver filtros">
181
+ <Tooltip text="Ver filtros">
182
+ {#if showFilters}
183
183
  <button
184
184
  type="button"
185
185
  on:click={() => (showFilters = !showFilters)}
@@ -187,9 +187,7 @@
187
187
  >
188
188
  <i class="fa-solid fa-sliders"></i>
189
189
  </button>
190
- </Tooltip>
191
- {:else}
192
- <Tooltip text="Ver filtros">
190
+ {:else}
193
191
  <button
194
192
  type="button"
195
193
  on:click={() => (showFilters = !showFilters)}
@@ -197,8 +195,8 @@
197
195
  >
198
196
  <i class="fa-solid fa-sliders"></i>
199
197
  </button>
200
- </Tooltip>
201
- {/if}
198
+ {/if}
199
+ </Tooltip>
202
200
  {/if}
203
201
  {#if showSettingsButton}
204
202
  <Tooltip text="Configuración">
@@ -213,10 +211,7 @@
213
211
  {/if}
214
212
  </div>
215
213
  <!-- Show Filters Button -->
216
- <div class="filter-group" role="group">
217
- </div>
218
-
219
-
214
+ <div class="filter-group" role="group"></div>
220
215
  </div>
221
216
  </div>
222
217
  <!-- Filtros Dynamic -->
@@ -288,8 +283,7 @@
288
283
  {/each}
289
284
  <!-- Filtro 2 -->
290
285
  {#if showMostrandoInput}
291
-
292
- <div class="filter-item ">
286
+ <div class="filter-item">
293
287
  <InputFormText
294
288
  label="Mostrando:"
295
289
  bind:valueVar={localPageSizeStr}
@@ -194,6 +194,7 @@
194
194
  (dragEnabled ? 1 : 0) +
195
195
  (expandEnabled ? 1 : 0)}
196
196
  class="sub-row-cell"
197
+ style="--sub-table-offset: {(dragEnabled ? 40 : 0) + (expandEnabled ? 50 : 0)}px"
197
198
  >
198
199
  <SubRowsTable
199
200
  subRows={item[subRowsField]}
@@ -583,6 +583,11 @@
583
583
 
584
584
  .sub-row-cell {
585
585
  padding: 0 !important;
586
+ background: linear-gradient(
587
+ to right,
588
+ var(--grav-crud-color-bg, #ffffff) var(--sub-table-offset, 0),
589
+ rgba(0, 0, 0, 0.02) var(--sub-table-offset, 0)
590
+ );
586
591
  }
587
592
 
588
593
  .sub-table {
@@ -590,6 +595,8 @@
590
595
  border-collapse: collapse;
591
596
  margin: 0;
592
597
  background-color: rgba(0, 0, 0, 0.02);
598
+ /* Align sub-table content with first data column */
599
+ margin-left: var(--sub-table-offset, 0);
593
600
  }
594
601
 
595
602
  .sub-table .sub-row {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "grav-svelte",
3
- "version": "0.0.89",
3
+ "version": "0.0.91",
4
4
  "description": "A collection of Svelte components",
5
5
  "license": "MIT",
6
6
  "scripts": {