hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1424 from ybnd/Fix-modal-open-issues

Browse Source 
Fix minor modal UX issues
This commit is contained in:
Tim Donohue
2021-12-03 14:20:04 -06:00
committed by GitHub
parent 77f9b27fcf 8d8b24f00a
commit 46d340a5ce
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/shared/dso-selector/dso-selector/dso-selector.component.html
View File

@@ -3,7 +3,7 @@
class="form-control" class="form-control"
(click)="$event.stopPropagation();" (click)="$event.stopPropagation();"
placeholder="{{'dso-selector.placeholder' | translate: { type: typesString } }}" placeholder="{{'dso-selector.placeholder' | translate: { type: typesString } }}"
[formControl]="input" dsAutoFocus (keyup.enter)="selectSingleResult()"> [formControl]="input" ngbAutofocus (keyup.enter)="selectSingleResult()">
</div> </div>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<div class="scrollable-menu list-group"> <div class="scrollable-menu list-group">

15
src/styles/_global-styles.scss
View File

@@ -59,3 +59,18 @@ ds-admin-sidebar {
display: none; display: none;
} }
} }
ngb-modal-backdrop {
// ng-bootsrap animates opacity, causing the fully opaque background to flash briefly before the transition starts
// animating background-color between transparent & a RGBA color instead looks smoother
&.fade {
opacity: 1 !important;
background-color: transparent;
transition: background-color 0.15s linear;
&.show {
background-color: rgba(0, 0, 0, 0.5);
}
}
}