Results 1 to 1 of 1

Thread: Material Theme - font-size for buttons too small (14px)

Threaded View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Join Date
    Feb 2009

    Default Material Theme - font-size for buttons too small (14px)

    I always found the button text on df-material theme too small.

    Specially after new UI/UX best practices course was published in learning center, stating that a minimum of 16px for font-size should be used. ..

    so, in df-material theme.css found this:

    .WebButton button,
    .WebGrid .WebList_Body .WebList_Row button,
    .WebList .WebList_Body .WebList_Row button {
        background-color: #348ee6;
        border: 1px solid transparent;
        border-radius: 3px;
        color: #FFFFFF;
        display: inline-block;
        text-decoration: none;
        transition: background-color 0.5s, color 0.5s;
        font-size: 16px;                 
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
        font: normal normal 400 14px robotoregular, Arial, Helvetica, sans-serif;     <<--- this overwrites the previous 16px setting, and final result is 14px only. 
    Could this be reviewed for DF-20 please ? What was the real intention here.. 16 or 14px. (I vote for 16, for sure.. )

    Last edited by Samuel Pizarro; 23-Oct-2020 at 07:14 PM.
    Samuel Pizarro

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts