Css guidelines summary

[skjnldsv]

https://docs.nextcloud.com/server/12/developer_manual/app/css.html
This is a list of what we need to do to update it

1. Rebuild icons list
2. Add popover explanations: [styleguide] Popover menu server#2798
   • Arrow position (padding right)
   • Popover types: text only, icon only, text+icon, paragraph
   • Popover alignment: right, center, left
3. Button design
   • text only, icon only, icon+text
4. Header menu
   • menu class
   • arrow position
5. App-navigation
   • Need active class on li for blue shadow
   • ul must be direct children of #app-navigation
   • with-counter with-menu with-icon not needed anymore
   • no need for the svg class
   • the icon class must have icon- in it to have the auto padding
   • rules about padding and margin of li elements
   • maximum nested menu is 1
   • icon menu custom in app-navigation-entry-utils
   • max icon h/w
   • bullet class
   • loading icon class to menu
   • encourage users to use the "deleted X" string
   • ability to set class in files nav -> pinned class

[MorrisJobke]

cc @nextcloud/designers

[jancborchardt]

Popover types: icon only

This should not exist. ;)

[jancborchardt]

cc @eppfel on this one

[jancborchardt]

@skjnldsv any update here? :)

[skjnldsv]

Okay, I will soon finally have the guts to attack this! :)
Wish me luck! :D