Archive Trac docs user css

Docs User Css

Legacy Trac archive page imported from docs_user_css. Source: https://genapp.rocks/wiki/wiki/docs_user_css. Review age, links, and examples before treating as current.

Custom CSS

• GenApp currently auto creates css from data in the directives.json file.
  • an application can override these defaults by placing a css file in a subdirectory 'add' of your applications base directory (e.g. /opt/genapp/demo) and adding the css to that file.
  • additionally in directives.json, add name of this css file in add/

   "css" : "custom.css"

• a full overview of classes will be made available with our UI rework
• an example, bigger buttons (any css attributes can be used)
• in add/custom.css

button { font-size: 20px }

• bigger buttons that scale (not a fixed size), padding (adjusts space inside the button) and margin-right (adjusts spacing between the buttons)

button {
    font-size: 1em;
    padding : 0.4em;
    margin-right: 7em;
}

• button specific adjustments (requires genapp rev 1762+)
• here we adjust the background color for each button

.gabuttonsubmit {
    background : green;
}

.gabuttonreset {
    background : red;
}

• other named colors available here https://www.w3schools.com/cssref/css_colors.php
• nice general color selector https://www.w3schools.com/colors/colors_picker.asp