diff --git a/src/app/shared/input-suggestions/filter-suggestions/filter-input-suggestions.component.html b/src/app/shared/input-suggestions/filter-suggestions/filter-input-suggestions.component.html index 45a21d73ac2..c7f10bf7db9 100644 --- a/src/app/shared/input-suggestions/filter-suggestions/filter-input-suggestions.component.html +++ b/src/app/shared/input-suggestions/filter-suggestions/filter-input-suggestions.component.html @@ -4,29 +4,16 @@ (keydown.arrowup)="shiftFocusUp($event)" (keydown.esc)="close()" (dsClickOutside)="close();">
- @if (label) { - - } @else { - - } + +
diff --git a/src/app/shared/input-suggestions/input-suggestions.component.scss b/src/app/shared/input-suggestions/input-suggestions.component.scss index 79e6e85db79..6815422dd3b 100644 --- a/src/app/shared/input-suggestions/input-suggestions.component.scss +++ b/src/app/shared/input-suggestions/input-suggestions.component.scss @@ -14,3 +14,23 @@ form { position: relative; } + +.search-input{ + border: none; + border-bottom: 1px solid #7597b9; + + &:focus { + outline: none; + border-bottom-color: #007bff; + } +} + +.search-icon { + position: absolute; + box-shadow: none; + top: 50%; + transform: translateY(-50%); + color: #888; + z-index: 2; + cursor: pointer; +} \ No newline at end of file diff --git a/src/app/shared/object-collection/shared/badges/badges.component.html b/src/app/shared/object-collection/shared/badges/badges.component.html index 5c35ff680bb..fa3f2763597 100644 --- a/src/app/shared/object-collection/shared/badges/badges.component.html +++ b/src/app/shared/object-collection/shared/badges/badges.component.html @@ -4,7 +4,7 @@ }
- @if (showAccessStatus) { +
diff --git a/src/app/shared/object-grid/object-grid.component.html b/src/app/shared/object-grid/object-grid.component.html index 1d6727ff4bf..7f37e9b6b3b 100644 --- a/src/app/shared/object-grid/object-grid.component.html +++ b/src/app/shared/object-grid/object-grid.component.html @@ -18,20 +18,21 @@ @if (objects?.hasSucceeded) {
@for (column of (columns$ | async); track column) { -
- @for (object of column; track object) { -
- -
+ @for (object of column; track object) { +
+ + +
} -
}
} + @if (objects.hasFailed) { } diff --git a/src/app/shared/object-grid/object-grid.component.scss b/src/app/shared/object-grid/object-grid.component.scss index 4254c7d29f7..299ab6915c7 100644 --- a/src/app/shared/object-grid/object-grid.component.scss +++ b/src/app/shared/object-grid/object-grid.component.scss @@ -1,6 +1,10 @@ :host ::ng-deep { --ds-wrapper-grid-spacing: calc(var(--bs-spacer) / 2); + .card{ + border-color: transparent !important; + } + div.card { margin-top: var(--ds-wrapper-grid-spacing); margin-bottom: var(--ds-wrapper-grid-spacing); @@ -18,12 +22,40 @@ } .card-columns { - margin-left: calc(-1 * var(--ds-wrapper-grid-spacing)); - margin-right: calc(-1 * var(--ds-wrapper-grid-spacing)); - column-gap: 0; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + margin-bottom: 20px; + + .card-element { + border: 1px solid #ddd; + border-radius: 8px; + overflow: hidden; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + transition: transform 0.2s; + + &:hover { + transform: translateY(-4px); + } + + .card custom-card-style{ + padding: var(--ds-wrapper-grid-spacing); + border: none !important; + box-shadow: none !important; + } + } + +} - .card-column { - padding-left: var(--ds-wrapper-grid-spacing); - padding-right: var(--ds-wrapper-grid-spacing); +@media (max-width: 768px) { + .card-columns { + grid-template-columns: repeat(2, 1fr); } } + +@media (max-width: 576px) { + .card-columns { + grid-template-columns: 1fr; + } +} + diff --git a/src/app/shared/search/advanced-search/advanced-search.component.html b/src/app/shared/search/advanced-search/advanced-search.component.html index 761125fb908..74bc62efb5f 100644 --- a/src/app/shared/search/advanced-search/advanced-search.component.html +++ b/src/app/shared/search/advanced-search/advanced-search.component.html @@ -24,16 +24,11 @@

{{ 'search.sidebar.advanced-search.filter-by' | translate }}

} - - + (keyup.enter)="applyFilter()"/> diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.html b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.html index e21afb63d00..76c606c18a5 100644 --- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.html +++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.html @@ -7,7 +7,7 @@ diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss index 9f214a4bac4..9846f561b5f 100644 --- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss +++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss @@ -8,6 +8,7 @@ a { } } + .break-facet { word-break: break-word; } diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html index 40247215ce1..b506465e5e0 100644 --- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html +++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.html @@ -6,7 +6,7 @@ role="button" tabindex="0"> {{filterValue.label}} - {{filterValue.count | dsShortNumber}} + {{filterValue.count | dsShortNumber}} } diff --git a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.scss b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.scss index 1e151b14ce1..cca6e84a9ce 100644 --- a/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.scss +++ b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.scss @@ -9,3 +9,4 @@ a { vertical-align: text-top; } } + diff --git a/src/app/shared/search/search-filters/search-filter/search-filter.component.scss b/src/app/shared/search/search-filters/search-filter/search-filter.component.scss index 5453ed6e7fb..bdf5adbdd2d 100644 --- a/src/app/shared/search/search-filters/search-filter/search-filter.component.scss +++ b/src/app/shared/search/search-filters/search-filter/search-filter.component.scss @@ -1,5 +1,8 @@ :host .facet-filter { - border: 1px solid var(--bs-light); + // border: 1px solid var(--bs-light); + border: 1px solid #ddd; /* línea gris suave */ + border-radius: 8px; /* bordes redondeados */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); cursor: pointer; line-height: 0; diff --git a/src/app/shared/search/search-filters/search-filter/search-hierarchy-filter/search-hierarchy-filter.component.html b/src/app/shared/search/search-filters/search-filter/search-hierarchy-filter/search-hierarchy-filter.component.html index 5759993829f..05d7120b50b 100644 --- a/src/app/shared/search/search-filters/search-filter/search-hierarchy-filter/search-hierarchy-filter.component.html +++ b/src/app/shared/search/search-filters/search-filter/search-hierarchy-filter/search-hierarchy-filter.component.html @@ -1,4 +1,17 @@
+ @if ((isAvailableForShowSearchText | async) === false) { + + }
@for (value of (selectedAppliedFilters$ | async); track value) { @@ -25,19 +38,6 @@ }
- @if ((isAvailableForShowSearchText | async) === false) { - - } @if (vocabularyExists$ | async) { diff --git a/src/app/shared/search/search-filters/search-filter/search-text-filter/search-text-filter.component.html b/src/app/shared/search/search-filters/search-filter/search-text-filter/search-text-filter.component.html index 1ed8ba0fc6b..b9dc627462a 100644 --- a/src/app/shared/search/search-filters/search-filter/search-text-filter/search-text-filter.component.html +++ b/src/app/shared/search/search-filters/search-filter/search-text-filter/search-text-filter.component.html @@ -1,4 +1,16 @@
+ @if ((isAvailableForShowSearchText | async) === false) { + + }
@for (value of (selectedAppliedFilters$ | async); track value) { @@ -25,16 +37,4 @@ }
- @if ((isAvailableForShowSearchText | async) === false) { - - } diff --git a/src/app/shared/search/search-filters/search-filters.component.html b/src/app/shared/search/search-filters/search-filters.component.html index bea2ea94671..4d56884145e 100644 --- a/src/app/shared/search/search-filters/search-filters.component.html +++ b/src/app/shared/search/search-filters/search-filters.component.html @@ -17,7 +17,7 @@

{{filterLabel+'.filters.head' | translate}}

} @if (inPlaceSearch) { - } diff --git a/src/app/shared/search/search-labels/search-label/search-label.component.html b/src/app/shared/search/search-labels/search-label/search-label.component.html index 7fa70c2cee5..277982a33d3 100644 --- a/src/app/shared/search/search-labels/search-label/search-label.component.html +++ b/src/app/shared/search/search-labels/search-label/search-label.component.html @@ -1,4 +1,4 @@ -