Closed srenault-meeds closed 7 months ago
@margondicco @rdenarie @boubaker as discussed AND I have checked every pages in meeds, any container, any apps so I have added the detailed list of work to do in the MIP
Go fonc
Thanks. @boubaker ready for tech spec
Ready for review by DAO members ( eXo: @rdenarie )
GO tech
ACCs and PRs ready for review by DAO members (eXo : @rdenarie ) PRs list : https://github.com/Meeds-io/social/pull/3206 https://github.com/Meeds-io/notes/pull/853 https://github.com/Meeds-io/platform-ui/pull/711 https://github.com/Meeds-io/wallet/pull/455 https://github.com/Meeds-io/gamification/pull/1347 https://github.com/Meeds-io/meeds/pull/1303 https://github.com/Meeds-io/gatein-portal/pull/743 https://github.com/Meeds-io/analytics/pull/159
All prs validated except analytics one
all pr approved.
Can you ping me when they are all merged ?
all pr approved.
Thanks. All PRs merged
Rationale
Currently, there are differencies between containers depending on which one we use:
BUT depending on the app added in the container, a margin-bottom is sometimes added or not. That makes the layout not ok for example:
OR:
OR contributions container in overview page gets a padding that is extra to the usual margin we'd like to apply
Expected: we must remove extra margins added to the apps AND we must make sure margins-bottom are added to all containers that contains apps.
1. Functional Requirements
Top User Stories
App Margins cleanup Browse any pages and remove extra margin added to apps (any margin), i.e:
Container padding /margin cleanup
Container margins management Any container must follow this pattern:
Impacts
Gamification
NA
Notifications
NA
Analytics
NA
Unified Search
NA
2. Technical Requirements
Existing Features
No DOM structure change should happen on existing applications to remove margins.
Feature Flags
No feature flag
4. Software Architecture
Access
We will have to delete
max-width
,min-width
,width
,margin
andpadding
definitions from all Vue applications parent containers. The content of applications has to remain flexible in term of width using flex box.To add margins for all applications being part of the page, we will have to add this class in
platform-ui
:With the definition of the less & CSS variables:
By using CSS variables inside less variables, this will allow to change the value using branding UI.