Skip to content

Commit 9675d7e

Browse files
rrromchIkrrromchIk
committed
style(preprint-details): Fixed margin top for details page
1 parent f6690d5 commit 9675d7e

1 file changed

Lines changed: 58 additions & 56 deletions

File tree

‎src/app/features/preprints/pages/preprint-details/preprint-details.component.html‎

Lines changed: 58 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,65 @@
1-
<section class="flex flex-column py-5 px-3 gap-4 md:py-6 md:px-4">
2-
<div class="flex flex-column gap-3 md:flex-row">
3-
@if (isPreprintProviderLoading() || isPreprintLoading()) {
4-
<p-skeleton width="4rem" height="2.25rem" />
5-
<p-skeleton width="12rem" height="2.25rem" />
6-
} @else {
7-
<img alt="Provider Logo" height="36" [src]="preprintProvider()!.brand.heroLogoImageUrl" />
8-
<h1>{{ preprint()!.title }}</h1>
9-
}
10-
</div>
11-
12-
<div class="flex flex-column justify-content-end gap-2 md:flex-row">
13-
@if (isPreprintLoading() || isPreprintProviderLoading() || areContributorsLoading()) {
14-
<p-skeleton width="10rem" height="2.25rem" />
15-
<p-skeleton width="10rem" height="2.25rem" />
16-
<p-skeleton width="10rem" height="2.25rem" />
17-
} @else {
18-
@if (editButtonVisible()) {
19-
<p-button class="w-full md:w-11rem" styleClass="w-full" label="Edit" (click)="editPreprintClicked()" />
1+
<div class="flex-column xl:mt-6 flex-1">
2+
<section class="flex flex-column py-5 px-3 gap-4 md:py-6 md:px-4">
3+
<div class="flex flex-column gap-3 md:flex-row">
4+
@if (isPreprintProviderLoading() || isPreprintLoading()) {
5+
<p-skeleton width="4rem" height="2.25rem" />
6+
<p-skeleton width="12rem" height="2.25rem" />
7+
} @else {
8+
<img alt="Provider Logo" height="36" [src]="preprintProvider()!.brand.heroLogoImageUrl" />
9+
<h1>{{ preprint()!.title }}</h1>
2010
}
21-
@if (createNewVersionButtonVisible()) {
22-
<p-button
23-
class="w-full md:w-11rem"
24-
styleClass="w-full"
25-
label="Create New Version"
26-
(click)="createNewVersionClicked()"
27-
/>
28-
}
29-
@if (withdrawalButtonVisible()) {
30-
<p-button
31-
class="w-full md:w-11rem"
32-
styleClass="w-full"
33-
label="Withdraw"
34-
severity="danger"
35-
(click)="handleWithdrawClicked()"
36-
/>
11+
</div>
12+
13+
<div class="flex flex-column justify-content-end gap-2 md:flex-row">
14+
@if (isPreprintLoading() || isPreprintProviderLoading() || areContributorsLoading()) {
15+
<p-skeleton width="10rem" height="2.25rem" />
16+
<p-skeleton width="10rem" height="2.25rem" />
17+
<p-skeleton width="10rem" height="2.25rem" />
18+
} @else {
19+
@if (editButtonVisible()) {
20+
<p-button class="w-full md:w-11rem" styleClass="w-full" label="Edit" (click)="editPreprintClicked()" />
21+
}
22+
@if (createNewVersionButtonVisible()) {
23+
<p-button
24+
class="w-full md:w-11rem"
25+
styleClass="w-full"
26+
label="Create New Version"
27+
(click)="createNewVersionClicked()"
28+
/>
29+
}
30+
@if (withdrawalButtonVisible()) {
31+
<p-button
32+
class="w-full md:w-11rem"
33+
styleClass="w-full"
34+
label="Withdraw"
35+
severity="danger"
36+
(click)="handleWithdrawClicked()"
37+
/>
38+
}
3739
}
38-
}
39-
</div>
40-
</section>
40+
</div>
41+
</section>
4142

42-
<section class="flex-1 flex flex-column gap-2 bg-white py-2 px-3 md:px-4">
43-
@if (statusBannerVisible()) {
44-
<osf-preprint-status-banner
45-
[provider]="preprintProvider()!"
46-
[latestAction]="latestAction()"
47-
[isPendingWithdrawal]="isPendingWithdrawal()"
48-
[isWithdrawalRejected]="isWithdrawalRejected()"
49-
/>
50-
}
43+
<section class="flex-1 flex flex-column gap-2 bg-white py-2 px-3 md:px-4">
44+
@if (statusBannerVisible()) {
45+
<osf-preprint-status-banner
46+
[provider]="preprintProvider()!"
47+
[latestAction]="latestAction()"
48+
[isPendingWithdrawal]="isPendingWithdrawal()"
49+
[isWithdrawalRejected]="isWithdrawalRejected()"
50+
/>
51+
}
5152

52-
<section class="flex-1 flex flex-column gap-4 align-items-start lg:flex-row">
53-
<section class="w-12 lg:w-6">
54-
<osf-preprint-file-section [providerReviewsWorkflow]="preprintProvider()?.reviewsWorkflow || null" />
55-
</section>
53+
<section class="flex-1 flex flex-column gap-4 align-items-start lg:flex-row">
54+
<section class="w-12 lg:w-6">
55+
<osf-preprint-file-section [providerReviewsWorkflow]="preprintProvider()?.reviewsWorkflow || null" />
56+
</section>
5657

57-
<section class="flex flex-column gap-4 w-12 lg:w-6">
58-
<osf-preprint-share-and-download [preprintProvider]="preprintProvider()" />
59-
<osf-preprint-general-information [preprintProvider]="preprintProvider()" />
60-
<osf-preprint-additional-info />
58+
<section class="flex flex-column gap-4 w-12 lg:w-6">
59+
<osf-preprint-share-and-download [preprintProvider]="preprintProvider()" />
60+
<osf-preprint-general-information [preprintProvider]="preprintProvider()" />
61+
<osf-preprint-additional-info />
62+
</section>
6163
</section>
6264
</section>
63-
</section>
65+
</div>

0 commit comments

Comments
 (0)