framework7io / framework7io/framework7
provide "Waterfall Flexible Toolbar" of material design spec
Open
Nobody has claimed this yet.
Feature Request
- Dominant language
- JavaScript
- Stars
- 18.8k
- Forks
- 3.2k
- PR merge metrics
- No merged PRs in 30d
Description
This is a (multiple allowed):
-
enhancement
-
Framework7 Version: 2
Please provide
- Waterfall Flexible Toolbar
- Waterfall Toolbar Fix Last Row
- Waterfall Flexible Toolbar with Custom Style
from the official "Material Design Spec":
- https://material-components-web.appspot.com/toolbar/index.html
- https://material.io/components/web/catalog/toolbar/
The different kinds of "Toolbars" can be enabled by adding css class within toolbar, for example:
- .toolbar-flexible
- .toolbar-fix-row
- .toolbar-flexible-style
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No source file or test is named. Start by reviewing Framework7's existing toolbar implementation alongside the linked Material Design toolbar specifications, then verify that the three requested toolbar variants can be enabled through the listed CSS classes and support the requested styles and row behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100