Change the appearance of the "Reply", "Like" buttons

1589281055775.png

In extra.less add.
Less:
.actionBar-action {
    .actionBar-set--external & {
        padding: 3px 5px;
        color: #176093;
        border-radius: 2px;
        border: 1px solid white;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
    }

    &--reaction {
        background-color: #eaf4fc;
    }

    &--mq {
        background-color: #d3f9bb;

        .tooltip-content & {
            background-color: inherit;
        }
    }

    &--reply {
        background-color: #fff4e5;

        .tooltip-content & {
            background-color: inherit;
        }
    }

    &--tag {
        background-color: #fce3e3;
    }

    .tooltip-content &:hover {
        opacity: 1;
    }

    a&:hover {
        .m-transition(all, 0.3s, ease-in-out, 0s);
        opacity: 0.5;
        text-decoration: none;

        .reaction-text {
            text-decoration: none;
        }
    }
}
 
View attachment 407
In extra.less add.
Less:
.actionBar-action {
    .actionBar-set--external & {
        padding: 3px 5px;
        color: #176093;
        border-radius: 2px;
        border: 1px solid white;
        box-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
    }

    &--reaction {
        background-color: #eaf4fc;
    }

    &--mq {
        background-color: #d3f9bb;

        .tooltip-content & {
            background-color: inherit;
        }
    }

    &--reply {
        background-color: #fff4e5;

        .tooltip-content & {
            background-color: inherit;
        }
    }

    &--tag {
        background-color: #fce3e3;
    }

    .tooltip-content &:hover {
        opacity: 1;
    }

    a&:hover {
        .m-transition(all, 0.3s, ease-in-out, 0s);
        opacity: 0.5;
        text-decoration: none;

        .reaction-text {
            text-decoration: none;
        }
    }
}
is this work with UIX/?
 
idk, If it’s not difficult to check, I would be glad to see a live forum with demo access.
 
Back
Top