My coworker made some mock-ups, that I'd like to share with you. IMHO the current look is a little bit ugly and could easily be optimized and the mock-up looks much better with just some minor tweaks.
1) If letters contain descenders like "t" or "g" the lower part of the letter is cut off in the label.
2) The label would look better if it was centered under the icon
3) Instead of the somewhat old-fashioned looking rounded black border, it would look much more modern if there was a light-gray background with no rounded corners and then a white background behind the icon with rounded cordners
| Comment | File | Size | Author |
|---|---|---|---|
| icons_01 Kopie.png | 100.34 KB | rgpublic | |
| screenshot_ee_current.png | 42.89 KB | rgpublic |
Comments
Comment #2
rgpublicEspecially, the cut of letters are still a problem with the current version. I found out, that the files:
core/themes/claro/css/components/form.scss
and
core/themes/claro/css/components/button.scss
are responsible for this. They define a line-height of 1rem or 1.125rem for .button. This is to low. The line-height should be "normal" for the problem to disappear.
Comment #3
stborchertThanks for your effort but with the redesign for Drupal 10 I think, this is outdated.