diff --git a/app/preprints/-components/branded-footer/styles.scss b/app/preprints/-components/branded-footer/styles.scss index 461a9b90af6..280a3e148f3 100644 --- a/app/preprints/-components/branded-footer/styles.scss +++ b/app/preprints/-components/branded-footer/styles.scss @@ -2,11 +2,8 @@ .branded-footer-links { width: 100%; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - margin: 10px 0; + margin: 10px; + text-align: center; .social > a { margin: 0 4px; diff --git a/app/preprints/-components/preprint-author-assertions/component.ts b/app/preprints/-components/preprint-author-assertions/component.ts index 66eef013c18..fedf8c9c28e 100644 --- a/app/preprints/-components/preprint-author-assertions/component.ts +++ b/app/preprints/-components/preprint-author-assertions/component.ts @@ -5,6 +5,7 @@ import PreprintModel from 'ember-osf-web/models/preprint'; import Features from 'ember-feature-flags'; import ProviderModel from 'ember-osf-web/models/provider'; import { tracked } from '@glimmer/tracking'; +import Media from 'ember-responsive'; interface InputArgs { preprint: PreprintModel; @@ -15,6 +16,7 @@ interface InputArgs { export default class PreprintAuthorAssertions extends Component { @service features!: Features; @service intl!: Intl; + @service media!: Media; @tracked displayCoi = false; @tracked displayDataLinks = false; @@ -60,5 +62,9 @@ export default class PreprintAuthorAssertions extends Component { public get hasPreregLinks(): boolean { return typeof this.preprint.hasPreregLinks === 'string'; } + + get isMobile() { + return this.media.isMobile; + } } diff --git a/app/preprints/-components/preprint-author-assertions/styles.scss b/app/preprints/-components/preprint-author-assertions/styles.scss index 1114790fb04..949c0c78f0f 100644 --- a/app/preprints/-components/preprint-author-assertions/styles.scss +++ b/app/preprints/-components/preprint-author-assertions/styles.scss @@ -31,7 +31,6 @@ margin: 0 10px; .assertions-container { - justify-content: center; display: flex; flex-direction: row; justify-content: center; @@ -47,4 +46,32 @@ } } } + + &.mobile { + padding: 10px; + + .author-assertions-container { + width: calc(100% - 20px); + + .author-assertions { + flex-direction: column; + align-items: flex-start; + margin: 0; + width: 100%; + + .assertions-container { + width: 100%; + justify-content: flex-start; + margin-top: 5px; + margin-bottom: 5px; + + .assertion-header-label { + width: 175px; + padding-left: 10px; + padding-right: 10px; + } + } + } + } + } } diff --git a/app/preprints/-components/preprint-author-assertions/template.hbs b/app/preprints/-components/preprint-author-assertions/template.hbs index 1f87b1e34d8..8b935613099 100644 --- a/app/preprints/-components/preprint-author-assertions/template.hbs +++ b/app/preprints/-components/preprint-author-assertions/template.hbs @@ -1,5 +1,5 @@ {{#if this.shouldShowSloanIcons}} -
+
{{~t 'preprints.detail.author-assertions.header_label'~}} @@ -48,45 +48,43 @@
{{~t 'preprints.detail.author-assertions.public_data.title'~}}
-
- - - -

{{t 'preprints.detail.author-assertions.public_data.title'}}

- - -
- {{#if (eq this.preprint.hasDataLinks 'available')}} - - {{else if (eq this.preprint.hasDataLinks 'no')}} - {{#if this.preprint.whyNoData}} - {{this.preprint.whyNoData}} - {{else}} - {{~t 'preprints.detail.author-assertions.public_data.no'~}} - {{/if}} + + + +

{{t 'preprints.detail.author-assertions.public_data.title'}}

+ + +
+ {{#if (eq this.preprint.hasDataLinks 'available')}} + + {{else if (eq this.preprint.hasDataLinks 'no')}} + {{#if this.preprint.whyNoData}} + {{this.preprint.whyNoData}} {{else}} - {{~t 'preprints.detail.author-assertions.public_data.not_applicable' documentType=this.documentType~}} + {{~t 'preprints.detail.author-assertions.public_data.no'~}} {{/if}} -
- - -
+ {{else}} + {{~t 'preprints.detail.author-assertions.public_data.not_applicable' documentType=this.documentType~}} + {{/if}} +
+ +
{{/if}} @@ -95,45 +93,43 @@
{{~t 'preprints.detail.author-assertions.prereg.title'~}}
-
- - - -

{{t 'preprints.detail.author-assertions.prereg.title'}}

- - -
- {{#if (eq this.preprint.hasPreregLinks 'available')}} - - {{else if (eq this.preprint.hasPreregLinks 'no')}} - {{#if this.preprint.whyNoPrereg}} - {{this.preprint.whyNoPrereg}} - {{else}} - {{~t 'preprints.detail.author-assertions.prereg.no'~}} - {{/if}} + + + +

{{t 'preprints.detail.author-assertions.prereg.title'}}

+ + +
+ {{#if (eq this.preprint.hasPreregLinks 'available')}} + + {{else if (eq this.preprint.hasPreregLinks 'no')}} + {{#if this.preprint.whyNoPrereg}} + {{this.preprint.whyNoPrereg}} {{else}} - {{~t 'preprints.detail.author-assertions.prereg.not_applicable' documentType=this.documentType~}} + {{~t 'preprints.detail.author-assertions.prereg.no'~}} {{/if}} -
- - -
+ {{else}} + {{~t 'preprints.detail.author-assertions.prereg.not_applicable' documentType=this.documentType~}} + {{/if}} +
+ +
{{/if}}
diff --git a/app/preprints/-components/preprint-status-banner/component.ts b/app/preprints/-components/preprint-status-banner/component.ts index 70964a9c612..6a187f9216c 100644 --- a/app/preprints/-components/preprint-status-banner/component.ts +++ b/app/preprints/-components/preprint-status-banner/component.ts @@ -12,6 +12,7 @@ import PreprintProviderModel from 'ember-osf-web/models/preprint-provider'; import { tracked } from '@glimmer/tracking'; import { ReviewsState } from 'ember-osf-web/models/provider'; import ReviewActionModel from 'ember-osf-web/models/review-action'; +import Media from 'ember-responsive'; const UNKNOWN = 'unknown'; const PENDING = 'pending'; @@ -72,6 +73,7 @@ interface InputArgs { export default class PreprintStatusBanner extends Component{ @service intl!: Intl; @service theme!: Theme; + @service media!: Media; submission = this.args.submission; isWithdrawn = this.args.submission.isWithdrawn; @@ -207,4 +209,8 @@ export default class PreprintStatusBanner extends Component{ this.latestAction = latestSubmissionAction; } + + get isMobile() { + return this.media.isMobile; + } } diff --git a/app/preprints/-components/preprint-status-banner/styles.scss b/app/preprints/-components/preprint-status-banner/styles.scss index b073d71ed37..0a372191015 100644 --- a/app/preprints/-components/preprint-status-banner/styles.scss +++ b/app/preprints/-components/preprint-status-banner/styles.scss @@ -106,6 +106,14 @@ $color-border-light: #ddd; } } } + + &.mobile { + height: fit-content; + + .preprint-banner-status { + height: fit-content; + } + } } .status-banner-dialog { diff --git a/app/preprints/-components/preprint-status-banner/template.hbs b/app/preprints/-components/preprint-status-banner/template.hbs index 6c766957af1..3eb8817690a 100644 --- a/app/preprints/-components/preprint-status-banner/template.hbs +++ b/app/preprints/-components/preprint-status-banner/template.hbs @@ -1,4 +1,4 @@ -
+
{{#if (or this.submission.provider?.isPending this.loadPreprintState.isRunning) }} {{ t 'preprints.detail.status_banner.loading' }} {{else}} diff --git a/mirage/fixtures/preprint-providers.ts b/mirage/fixtures/preprint-providers.ts index 25f1870bd46..54d0642edc4 100644 --- a/mirage/fixtures/preprint-providers.ts +++ b/mirage/fixtures/preprint-providers.ts @@ -26,14 +26,16 @@ const preprintProviders: Array> = [ name: 'Thesis Commons', preprintWord: 'thesis', assets: randomAssets(2), - footerLinks: 'fake footer links', + // eslint-disable-next-line max-len + footerLinks: '

LawArXiv: Support | Contact |  

\n

LawrXiv is a trademark of Cornell University, used under license. This license should not be understood to indicate endorsement of content on LawArXiv by Cornell University or arXiv.

', }, { id: 'preprintrxiv', name: 'PreprintrXiv', preprintWord: 'preprint', assets: randomAssets(3), - footerLinks: 'fake footer links', + // eslint-disable-next-line max-len + footerLinks: 'Removed in mirage scenario', reviewsCommentsPrivate: true, reviewsWorkflow: PreprintProviderReviewsWorkFlow.PRE_MODERATION, }, @@ -42,14 +44,16 @@ const preprintProviders: Array> = [ name: 'PaperXiv', preprintWord: 'paper', assets: randomAssets(4), - footerLinks: 'fake footer links', + // eslint-disable-next-line max-len + footerLinks: '

AgriXiv: Support | Contact |      

arXiv is a trademark of Cornell University, used under license. This license should not be understood to indicate endorsement of content on AgriXiv by Cornell University or arXiv.

', }, { id: 'thesisrxiv', name: 'ThesisrXiv', preprintWord: 'thesis', assets: randomAssets(5), - footerLinks: 'fake footer links', + // eslint-disable-next-line max-len + footerLinks: '

AgriXiv: Support | Contact |      

arXiv is a trademark of Cornell University, used under license. This license should not be understood to indicate endorsement of content on AgriXiv by Cornell University or arXiv.

', }, { id: 'workrxiv',