This topic contains 3 replies, has 2 voices, and was last updated by Sean Sean 1 year, 11 months ago.

.btn-xxs have grown huge – intentional?


  • bedag-moo
    Participant

    Posts: 4
    Member Reply #6570

    When updating from Metronic 4.5.2 to 4.6.3, we noticed that .btn-xxs have about doubled in size. As there a reason for this sudden growth-spurt?

    Comparing the CSS rules, in Metronic 4.5.2, font-awesome/less/bordered-pulled.less:20 specified:

    .btn-xxs {
    padding: 2px 5px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-size: 10px;
    }

    while in Metronic 4.6.3, that rule is overridden by Metronic’s components-md.css:4402:

    .btn:not(.md-skip) {
    font-size: 12px;
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    user-select: none;
    padding: 8px 14px 7px;
    padding-top: 8px;
    padding-right: 14px;
    padding-bottom: 7px;
    padding-left: 14px;
    }

    which sets a rather generous padding …

    Attachments:
    You must be logged in to view attached files.
    Sean
    Sean
    Keymaster

    Posts: 4451
    Support Staff Reply #6585

    Hi :),

    That time must be we changed some css class names. Please try to use proper class for the extra small buttons: “btn green btn-xs”

    For more info please check:

    http://www.keenthemes.com/preview/metronic/theme/admin_1/ui_buttons.html

    Thanks.


    bedag-moo
    Participant

    Posts: 4
    Member Reply #6618

    Ah, I didn’t realize .btn-xxs wasn’t a metronic class. We shall be using .btn-xs then.

    Sean
    Sean
    Keymaster

    Posts: 4451
    Support Staff Reply #6645

    Sure 🙂 Good luck with your project!

You must be logged in to reply to this topic.