Hover Effect for actionBar

Freezer

Member
Registered
Joined
May 5, 2020
Messages
20
Points
13

Reputation:

add it to extra.less

Code:
//Action Bar
.message-actionBar {
    .actionBar-action {
        font-size: 0;
        transition: .5s;
    
        &:hover{
            font-size: 100%;
            text-decoration:none;
            color: @xf-paletteColor3;
        }
        &:before {
            font-size: 15px;
            margin-left: 2px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            margin-right: 5px;
        }
        &--inlineMod{
            font-size: 100%;
        }
        &--menuTrigger{
            font-size: 100%;
        }
        &--report:before {
            content: "\f071";
        }
        &--edit:before{
            content: "\f040";
        }
        &--delete:before{
            content: "\f00d";
        }
        &--ip:before{
            content: "\f002";
        }
        &--like:before {
            content: "\f087";
        }
        &--warn:before{
            content: "\f12a";
        }
        &--history:before{
            content: "\f1da";
        }
        &--spam:before{
            content: "\f024";
        }
            @media(max-width:910px){
            &:hover{
            font-size: 0;
            text-decoration:none;
            color: @xf-paletteColor3;
            }
        }
    }
}
 
Top