Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New Component: Page layout #1430

Closed
20 tasks
zvenigorodskaia opened this issue Jan 20, 2022 · 3 comments · Fixed by #3382 or #3633
Closed
20 tasks

New Component: Page layout #1430

zvenigorodskaia opened this issue Jan 20, 2022 · 3 comments · Fixed by #3382 or #3633
Assignees
@m0ksem
Labels
d5: nightmare! Task for core contributors. Monsters attack more rapidly, demons and spectres move and fly faster. feature Something useful to end user v4: must have This is something really user want to have

Comments

@zvenigorodskaia
Copy link
Member

zvenigorodskaia commented Jan 20, 2022 •
edited
Loading

Layout components

General requirements:

  • Mobile first.
  • Adaptivity and responsivity.
  • Independent nested components.
  • Themeable.
  • Customizability.
  • Semantic markup, by default need to use the header, main, aside and footer HTML tags.
  • Keep in mind that web also have the RTL and LTR reading and writing directions.
  • CLI to generate ready layouts for the views.
  • Documentation
  • Tests
  • Implement wireframes, ready to use examples (auth forms, simple admin panel).

Features

  • Layout builder (constructor), example.

Components

VaApp (VaLayout)

Component wrapper for the placing child components: VaHeader, VaSidebar (implemented), VaMain и VaFooter).

VaHeader

App header, can be used for the navigation.

Requirements:

  • Should be placed on the top.
  • Sticky on the scroll.
  • Collapsible.
  • Hide/show on the scroll.

VaMain

For the router view.

VaFooter

App footer, can be used for the navigation.

Requirements:

  • Should be placed on the bottom.
  • Sticky on the scroll.
  • Collapsible.
  • Hide/show on the scroll.
@zvenigorodskaia zvenigorodskaia added the feature Something useful to end user label Jan 20, 2022
@asvae asvae added the groomed label Jan 20, 2022
@zvenigorodskaia zvenigorodskaia changed the title Component for Page layout New Componen: Page layout Jan 27, 2022
@rustem-nasyrov rustem-nasyrov self-assigned this Apr 21, 2022
@m0ksem m0ksem mentioned this issue May 5, 2022
Closed
@rustem-nasyrov rustem-nasyrov changed the title New Componen: Page layout New Component: Page layout May 11, 2022
@rustem-nasyrov rustem-nasyrov removed their assignment Aug 26, 2022
@m0ksem m0ksem added d5: nightmare! Task for core contributors. Monsters attack more rapidly, demons and spectres move and fly faster. v4: must have This is something really user want to have labels Feb 22, 2023
@m0ksem m0ksem mentioned this issue Feb 22, 2023
Closed
@zvenigorodskaia zvenigorodskaia added the ON HOLD We want this, just later label Mar 30, 2023
@m0ksem m0ksem mentioned this issue Apr 28, 2023
Merged
7 tasks
@asvae
Copy link
Member

asvae commented May 2, 2023

Found an article regarding modern layouts: https://ishadeed.com/article/rebuild-featured-news-modern-css/

@m0ksem m0ksem self-assigned this Jul 9, 2023
@asvae asvae moved this from Backlog to Done in Vuestic Dashboard Jul 20, 2023
@asvae asvae moved this from Done to Todo in Vuestic Dashboard Jul 20, 2023
@m0ksem m0ksem mentioned this issue Jul 24, 2023
Merged
9 tasks
@m0ksem m0ksem moved this from Todo to QA / Review in Vuestic Dashboard Jul 24, 2023
@zvenigorodskaia
Copy link
Member Author

Image

@asvae asvae mentioned this issue Aug 3, 2023
Closed
@asvae asvae reopened this Aug 3, 2023
@asvae asvae moved this from QA / Review to Todo in Vuestic Dashboard Aug 17, 2023
@m0ksem m0ksem removed the ON HOLD We want this, just later label Aug 19, 2023
@m0ksem m0ksem moved this from Todo to In Progress in Vuestic Dashboard Aug 21, 2023
@asvae asvae moved this from In Progress to QA / Review in Vuestic Dashboard Aug 22, 2023
@asvae
Copy link
Member

asvae commented Aug 24, 2023

We have a very small issues:

Image

@github-project-automation github-project-automation bot moved this from QA / Review to Done in Vuestic Dashboard Sep 1, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@m0ksem m0ksem

Labels
d5: nightmare! Task for core contributors. Monsters attack more rapidly, demons and spectres move and fly faster. feature Something useful to end user v4: must have This is something really user want to have
Projects
Vuestic Dashboard
Status: Done
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Feat/layout m0ksem/vuestic-ui
feat: layout m0ksem/vuestic-ui
4 participants
@asvae @m0ksem @rustem-nasyrov @zvenigorodskaia