This is an automated email from the git hooks/post-receive script. It was generated because a ref change was pushed to the repository containing the project "Evergreen ILS". The branch, main has been updated via f4e33bed880fecb30eec30d0418f1329850a8368 (commit) from 066cf8399c54178f6570a1b863909bd34746c021 (commit) Those revisions listed above that are new to this repository have not appeared on any other notification email; so we list those revisions in full, below. - Log ----------------------------------------------------------------- commit f4e33bed880fecb30eec30d0418f1329850a8368 Author: Terran McCanna <tmccanna@georgialibraries.org> Date: Tue Jan 28 16:00:55 2025 -0500 LP2067649 Staff Catalog Shelf Browse Layout Modify layout of Angular Staff Catalog Shelf Browse interface by moving cover image to the left of the associated text to be consistent with other interfaces and to reduce confusion caused by the cover being closer to the next item's text. Also moved "Next" button from the left side of the screen to the right side of the screen. Release-note: Improved layout of staff catalog shelf browse. Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org> Signed-off-by: Andrea Buntz Neiman <abneiman@equinoxinitiative.org> Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org> diff --git a/Open-ILS/src/eg2/src/app/staff/catalog/cnbrowse/results.component.html b/Open-ILS/src/eg2/src/app/staff/catalog/cnbrowse/results.component.html index 02dd920287..49fe4268ce 100644 --- a/Open-ILS/src/eg2/src/app/staff/catalog/cnbrowse/results.component.html +++ b/Open-ILS/src/eg2/src/app/staff/catalog/cnbrowse/results.component.html @@ -25,10 +25,11 @@ <!-- header, pager, and list of records --> <div id="staff-catalog-browse-results-container" *ngIf="browseHasResults()"> - <div class="row mb-2 d-flex"> - <div class="flex-1"></div> - <div> + <div class="row mb-2"> + <div class="col-6"> <button type="button" class="btn btn-primary" (click)="prevPage()">Back</button> + </div> + <div class="col-6 text-end"> <button type="button" class="btn btn-primary ms-3" (click)="nextPage()">Next</button> </div> </div> @@ -37,9 +38,12 @@ <div class="row mb-3" *ngFor="let rowIdx of rowIndexList"> <ng-container *ngFor="let callNumber of resultSlice(rowIdx); let colIdx = index"> <ng-container *ngIf="callNumber._bibSummary"> - <div class="col-lg-4 pt-2 d-flex border" + <div class="row col-lg-4 col-sm-12 border m-0" [ngClass]="{'border-primary': isCenter(rowIdx, colIdx)}"> - <div class="flex-1"> + <div class="col-lg-4 col-md-12 col-sm-12 p-2 text-sm-center"> + <img alt="" src="/opac/extras/ac/jacket/small/r/{{callNumber._bibSummary.id}}"/> + </div> + <div class="col-lg-7 col-md-12 col-sm-12 p-2"> <h3 class="browse-call-number"> {{callNumber.prefix().label()}} {{callNumber.label()}} {{callNumber.suffix().label()}} @@ -64,19 +68,17 @@ </div> </ng-container> </div> - <div class="ms-2"> - <img alt="" src="/opac/extras/ac/jacket/small/r/{{callNumber._bibSummary.id}}"/> - </div> </div> </ng-container> </ng-container> </div> </ng-container> - <div class="row mb-2 d-flex"> - <div class="flex-1"></div> - <div> + <div class="row mb-2"> + <div class="col-6"> <button type="button" class="btn btn-primary" (click)="prevPage()">Back</button> + </div> + <div class="col-6 text-end"> <button type="button" class="btn btn-primary ms-3" (click)="nextPage()">Next</button> </div> </div> ----------------------------------------------------------------------- Summary of changes: .../staff/catalog/cnbrowse/results.component.html | 24 ++++++++++++---------- 1 file changed, 13 insertions(+), 11 deletions(-) hooks/post-receive -- Evergreen ILS