Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
U
User Interface
  • Project overview
    • Project overview
    • Details
    • Activity
  • Issues 18
    • Issues 18
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Operations
    • Operations
    • Incidents
  • Analytics
    • Analytics
    • Value Stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Create a new issue
  • Issue Boards
  • Development
  • User Interface
  • Issues
  • #24

Closed
Open
Opened Jul 10, 2020 by bgm@bgmOwner

Create a style guide for new CiviCRM components

c.f. PR 17775, let's:

  • document the classes used by the new CiviCRM extensions (api4, search, afform, mosaico, contact layout editor)
  • create a style guide based on that
  • start writing CSS that would make Bootstrap optional

I started a wiki page here that lists the main classes found in afform and search:

https://lab.civicrm.org/dev/user-interface/-/wikis/flex-css

It would also be nice to have something equivalent to the Shoreditch Styleguide - i.e. an extension to demo the documented CSS?

What else do we need? @nicol

Edited Jul 12, 2020 by eileen
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
Reference: dev/user-interface#24