Update page-footer component

Created on 21 September 2024, about 2 months ago

Problem/Motivation

Update Varbase footer component to be more futuristic and more ready as a template.

Steps to reproduce

Proposed resolution

Remaining tasks

  • ✅ File an issue about this project
  • ❌ Addition/Change/Update/Fix to this project
  • ❌ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ➖ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Code review from 1 Varbase core team member
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ❌ Update Release Notes and Update Helper on new feature change/addition
  • ❌ Release

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • N/A
📌 Task
Status

Active

Version

2.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @alshami
  • Merge request !213475966: Footer full style → (Open) created by alshami
  • 🇯🇴Jordan Rajab Natshah Jordan

    1. Use "type" for the new property name.

    2. Add two stories for the footer. Only change the type ( Light and Dark ).
    3. Add more Social link stories ( cover all social links in the footer ).
    4. Use Bootstrap 5.3 CSS3 variables. ( no static color, spacing (ext.. ) , or other SASS static variables like $primary - use var(--bs-primary); ) - look for them in the root variables - It is ok to create custom footer or social CSS3 variables.
    Have a look at this example of custom CSS3 variables
    5. Change "Menu link" to only "Menu"
    6. Change "Social link" to "Social button"

Production build 0.71.5 2024