From 1a1d6f6da307199a0b10972bdd0b619e70a34a6f Mon Sep 17 00:00:00 2001 From: Santiago Fierro Date: Thu, 18 Sep 2025 12:22:04 -0300 Subject: [PATCH 1/3] Modifico estilos del discover --- .../filter-input-suggestions.component.html | 23 ++++-------------- .../input-suggestions.component.scss | 20 ++++++++++++++++ .../shared/badges/badges.component.html | 4 ++-- .../search-facet-option.component.html | 2 +- .../search-facet-option.component.scss | 5 ++++ .../search-facet-range-option.component.html | 2 +- .../search-facet-range-option.component.scss | 5 ++++ .../search-filter.component.scss | 5 +++- .../search-text-filter.component.html | 24 +++++++++---------- .../search-filters.component.html | 2 +- .../search-label/search-label.component.html | 2 +- .../search-label/search-label.component.scss | 7 +++++- .../type-badge/type-badge.component.scss | 11 +++++---- ...-search-result-list-element.component.scss | 6 +++-- 14 files changed, 74 insertions(+), 44 deletions(-) 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/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..bb096495053 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,11 @@ a { } } +.filter-count { + color: #6c757df7; + font-size: 0.9em; +} + .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..66fa0e272be 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,8 @@ a { vertical-align: text-top; } } + +.filter-count { + color: #6c757df7; + font-size: 0.9em; +} \ No newline at end of file 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-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 @@ - Date: Fri, 19 Sep 2025 08:28:12 -0300 Subject: [PATCH 2/3] =?UTF-8?q?Modifico=20vista=20de=20cuadr=C3=ADcula=20p?= =?UTF-8?q?ara=20que=20no=20se=20desfase=20con=20items=20de=20distintos=20?= =?UTF-8?q?tama=C3=B1os?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../object-grid/object-grid.component.html | 21 ++++----- .../object-grid/object-grid.component.scss | 44 ++++++++++++++++--- 2 files changed, 49 insertions(+), 16 deletions(-) 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; + } +} + From d91da6843893a2625e61a5a8777aadcb4635f2cd Mon Sep 17 00:00:00 2001 From: Santiago Fierro Date: Fri, 19 Sep 2025 08:54:13 -0300 Subject: [PATCH 3/3] Ajustes extra sobre discover --- .../advanced-search.component.html | 11 +++----- .../search-facet-option.component.scss | 4 --- .../search-facet-range-option.component.scss | 4 --- .../search-hierarchy-filter.component.html | 26 +++++++++---------- src/themes/custom/styles/_global-styles.scss | 5 ++++ 5 files changed, 21 insertions(+), 29 deletions(-) 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.scss b/src/app/shared/search/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss index bb096495053..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,10 +8,6 @@ a { } } -.filter-count { - color: #6c757df7; - font-size: 0.9em; -} .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.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 66fa0e272be..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 @@ -10,7 +10,3 @@ a { } } -.filter-count { - color: #6c757df7; - font-size: 0.9em; -} \ No newline at end of file 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/themes/custom/styles/_global-styles.scss b/src/themes/custom/styles/_global-styles.scss index 2e2dc549583..c5d9db2b7b8 100644 --- a/src/themes/custom/styles/_global-styles.scss +++ b/src/themes/custom/styles/_global-styles.scss @@ -11,4 +11,9 @@ @media screen and (min-width: 1500px) { max-width: 1400px; } +} + +.filter-count { + color: #6c757df7 !important; + font-size: 0.9em !important; } \ No newline at end of file