Deposit modal: Fix grid. Search form: fix paddings

This commit is contained in:
Konstantinos Triantafyllou 2022-07-13 10:37:12 +03:00
parent 4fa4a33a68
commit 770c3fb3ef
3 changed files with 4 additions and 9 deletions

View File

@ -107,7 +107,7 @@ import {FullScreenModalComponent} from '../utils/modal/full-screen-modal/full-sc
<h2 class="uk-margin-large-bottom"> <h2 class="uk-margin-large-bottom">
Find the appropriate repository. Find the appropriate repository.
</h2> </h2>
<div class="uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;"> <div class="uk-grid uk-grid-large" uk-height-match="target: .uk-card-body, .uk-tile-primary;" uk-grid>
<div> <div>
<div class="uk-card uk-card-default uk-text-center" style="width: 360px;"> <div class="uk-card uk-card-default uk-text-center" style="width: 360px;">
<div class="uk-card-body uk-text-small"> <div class="uk-card-body uk-text-small">

View File

@ -1,5 +1,4 @@
<div class="uk-background-norepeat uk-background-bottom-center uk-padding-remove-bottom <div class="uk-background-norepeat uk-background-bottom-center uk-padding-remove-bottom uk-section uk-section-small" [ngClass]="searchForm.class">
uk-flex uk-flex-middle uk-background-fixed uk-section uk-section-small" [ngClass]="searchForm.class">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div *ngIf="breadcrumbs.length > 0" class="uk-container uk-container-large" [class.uk-light]="searchForm.dark"> <div *ngIf="breadcrumbs.length > 0" class="uk-container uk-container-large" [class.uk-light]="searchForm.dark">
<div class="uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom"> <div class="uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">

View File

@ -115,7 +115,7 @@
</ul> </ul>
</div> </div>
</ng-template> </ng-template>
<!-- TODO - Kostis Clean up --> <!-- TODO - Clean up -->
<div *ngIf="!includeOnlyResultsAndFilter" [class]="usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId') ? <div *ngIf="!includeOnlyResultsAndFilter" [class]="usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId') ?
(stickyForm?'':' ') : (stickyForm?'':' ') :
(+ (stickyForm?'':' uk-section') +' uk-padding-remove-bottom uk-padding-remove-top ' + (+ (stickyForm?'':' uk-section') +' uk-padding-remove-bottom uk-padding-remove-top ' +
@ -123,11 +123,7 @@
[attr.uk-sticky]="(stickyForm?'{animation:false;offset:100;top:90;cls-active:uk-active uk-sticky-below;cls-inactive:uk-sticky '+ [attr.uk-sticky]="(stickyForm?'{animation:false;offset:100;top:90;cls-active:uk-active uk-sticky-below;cls-inactive:uk-sticky '+
(usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId') ? (usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId') ?
' uk-position-relative ' :(' uk-section ' ))+'}':null)"> ' uk-position-relative ' :(' uk-section ' ))+'}':null)">
<div [class]="' uk-background-norepeat uk-background-bottom-center uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed ' <div class="uk-background-norepeat uk-background-bottom-center uk-padding-remove-bottom uk-section uk-section-small" [ngClass]="searchForm.class">
+ (usedBy != 'deposit' && usedBy != 'orcid' && (!customFilter || customFilter.queryFieldName != 'communityId')?
'uk-padding-remove-bottom uk-padding-remove-top uk-section uk-section-small' : '')
+(simpleView?'':' advancedSearchFormBackground ')" [ngClass]="searchForm.class">
<!-- TODO - Kostis until here-->
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div *ngIf="showBreadcrumb" class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom" [class.uk-light]="searchForm.dark"> <div *ngIf="showBreadcrumb" class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom" [class.uk-light]="searchForm.dark">
<div class="uk-padding-small uk-padding-remove-horizontal"> <div class="uk-padding-small uk-padding-remove-horizontal">