×
Blue Eagle 5 v1.5.4 has been Released (13 Sep 2020)

The Kunena team has announce the arrival of Kunena template Blue Eagle 5 v1.5.4 which is now available for download. This version addresses most of the issues that were discovered in development.

Solved Topic Icons Slightly Shift upon highlight

More
4 years 3 months ago #1 by Josh
Minor UX issue, but noticeable to guys like me. When selecting topic icons, the other ones shift slightly. This is due to the border being applied to the active item and not the non active items, hence a change in spacing as a result of the added border. Fortunately this is an easy fix:

In /media/kunena/cache/crypsis/css/kunena.css line 617:
#kunena.layout input[type="radio"] + label {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    margin: -2px -3px;
    padding: 4px 12px;
}

The changes made are the addition of an invisible border to non active items and the margin was slightly changed to maintain the exact same sizing as the old design. This makes it so the border "comes out of hiding" instead of applying a border upon clicking different icons, as a result nothing shifts around with this mod. :)

Please Log in or Create an account to join the conversation.

  • Not Allowed: to create new topic.
  • Not Allowed: to reply.
  • Not Allowed: to edit your message.
Time to create page: 0.064 seconds