[Library | explore-redesign]: Result landing redesign for small screens (mobile) - main info & tabs of main info.

1. fos.component.ts & sdg.component.ts: Added Beta badge and "View all" link.
2. fundedBy.component.ts: Added @Input isMobile and relative checks in html | Updated how projects appear in mobile | Added ng-template for #funder and #dropInfo.
3. relatedTo.component.ts: Added @Input isMobile and relative checks in html | Added uk-margin-small-bottom between communities in mobile.
4. showSubjects.component.ts:
   a. Added @Input isMobile and relative checks in html.
   b. Added @Input() viewAllSubjects: boolean = false, @Input() viewAllClassifiedSubjects: boolean = false, @Output() viewAllClicked  = new EventEmitter(); and methods "viewAllSubjectsClicked()", "viewAllSubjectsByVocabularyClicked()" to show subjects properly in mobile.
5. full-screen-modal.component.ts: Added method "backClicked()" and field public stayOpenInBack: boolean = false.
6. resultLanding.module.ts: Imported FullScreenModalModule.
7. resultLanding.component.ts & resultLanding.component.html: Redesign for small screens (mobile) for main info and its tabs (Summary, References, etc..).
explore-redesign
Konstantina Galouni 1 year ago
parent 35d59d4c4c
commit b347ea300b

@ -1 +1 @@
Subproject commit 23bfc3af3d79532d4baa86f8fbb25c4bee126493
Subproject commit 6947890c20b956ff59d1be80e1c639eb8584daff

@ -1 +1 @@
Subproject commit a83c675f25c403b8f8411de041baa769b28d2b54
Subproject commit 1afeb876a14f86893bdfc856c55d6175c213ea30

@ -1 +1 @@
Subproject commit 518720d1a9f4955ace1fbbbefc8b2d557b4dbcf4
Subproject commit 39627306d3ea4fa471de85f1369abd530b12e392
Loading…
Cancel
Save