XF 1.5 Add Buttons for Control Bar Links

[Amaury]

How easy would it be to turn the control bar links into buttons, using the @button styling?

 

[Russ]

You could just add your own styling to it easy enough.

.messageMeta .item {
background-color: #f0f7fc;
border: 1px solid #d7edfc;
border-radius: 3px;
padding: 4px 6px;
}

Probably require a few adjustment but it would get you started.


(I know this isn't the button css but you can apply your own )

 

[Amaury]

@Russ

.messageMeta .item {
    color: @secondaryDarker;
    background-color: @secondaryMedium;
    border: 1px solid @secondaryLight;
    border-radius: 5px;
    padding: 5px;
}

.messageMeta .item:hover {
    color: @secondaryDarker;
    background-color: @inlineMod;
}

.messageMeta .item:active {
    background-color: @secondaryMedium;
}

Only had problems getting an exact padding match with SPs > Buttons > Button (0px for the top, 6px for the right, 0px for the bottom, and 6px for the left), so I just used 5px padding.