xF2 Template Modification Change the appearance of the "Reply", "Like" buttons

guclusat

Tanınmış Üye
Süper Moderatör
1589281055775-png.png

In extra.less add.
Kod:
.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;
        }
    }
}
 

Yazar: guclusat
Makale başlığı: xF2 Template Modification Change the appearance of the "Reply", "Like" buttons
Kaynak URL: Uydudoktoru Forum-https://uydudoktoru.com/
Alıntı ve Paylaşım Kuralları: Kaynak dahil olmak üzere makaleden kısa alıntı yapılabilir ancak makalenin tamamı yazarın izni olmadan başka bir siteye kopyalanamaz veya başka bir yerde yayınlanamaz.
Yukarı