A
Ambroise Dhenain
It would be great to embed more metadata in the page.
For instance, the <body> element could embed metadata such as:
- current user role (would allow custom css per role)
- current lang (will be useful when managing more than the EN lang)
Also, targeting some elements (modals, buttons) is a bit hard at the time.
/* Hide "Add new" button on Enterprise programs list view */
.stk-page-applicationform_list a.stk-button[href='/applicationform/new'] {
display: none;
}
This could be much simpler if a class was added to the button, because it's hard to differentiate "Create new" buttons from our own buttons.
/* Make modal dialog take full space */
section[role="dialog"] {
max-width: initial;
}
/* Make modal dialog select inputs 3 times bigger, so we can see the text of the selected element correctly */
section[role="dialog"] .display-flex [class*='-control'] {
min-width: 500px; /* 150px by default*/
}
Targeting modals is also a bit difficult, targeting the "<select>" elements in modals was quite tricky.
The above is high-level CSS, it requires advanced skills, it could be made much easier for beginners.