Kunena 7.0.4 Released

The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0

Topics must relate to a currently supported version of Kunena. If you are unsure what is the current supported version of Kunena, please go to the download page.

If you are having problems then, for your own benefit, it would save us all a lot of time if you would kindly post your configuration report when you ask for help from this forum. If you do not post your configuration report we will not ask you for it but you will probably not get your problem solved, either.

Question Improve spacing for subcategories with icons and long names

More
1 year 4 weeks ago - 1 year 4 weeks ago #233103 by Opendreas
Hello,I have noticed a small layout issue on the category index view, specifically concerning the display of subcategories when icons are enabled and subcategory names might be long.The Issue:When displaying subcategories horizontally (e.g., under a parent category), there appears to be insufficient spacing in two areas:
  1. Between adjacent subcategories: When icons are used and/or subcategory titles are somewhat long, the different subcategory listings (including their icon, name, and the "(Keine Themen)" / "(No topics)" text) run very close together horizontally, making the layout look cramped.
  2. Between the icon and the subcategory name: The icon assigned to a subcategory is positioned directly next to the subcategory title text, without any visual separation (padding or margin).
Please see the attached screenshot:



The screenshot shows the "Reisen" category with its subcategories ("Europa", "Asien", "Nordamerika", etc.). You can observe how the elements lack spacing between them, both between different subcategory blocks and between the icon and text within each block.

I'm using Kunena version 6.4.1 with Joomla 5.2.5 and the Cassiopeia template.
Last edit: 1 year 4 weeks ago by Opendreas.

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

More
1 year 3 weeks ago - 1 year 3 weeks ago #233104 by Pinkeltje
Can  you check if it looks better when you add this to your custom.scss?
Code:
.category .list-inline li.float-start:not(:first-child) {     padding-left: 10px; }
What wonders me is that your icons are so close to the text. That shouldn't be according to the the definition in general.scss line 821:
Code:
ul.list-inline .glyphicon, ul.list-inline i {     padding-top: 2px;     padding-right: 5px; }
Last edit: 1 year 3 weeks ago by Pinkeltje.
The following user(s) said Thank You: Opendreas

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

More
1 year 3 weeks ago - 1 year 3 weeks ago #233105 by Opendreas

Can  you check if it looks better when you add this to your custom.scss?Code:.category .list-inline li.float-start:not(:first-child) {     padding-left: 10px; }

I added it to user.css and it helped to make the distance between the subcategory names.

What wonders me is that your icons are so close to the text. That shouldn't be according to the the definition in general.scss line 821:

I thought maybe my user.css was breaking the template, but after deleting it, nothing changed with the distance.
Last edit: 1 year 3 weeks ago by Opendreas.

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

More
1 year 3 weeks ago - 1 year 3 weeks ago #233108 by Pinkeltje
Strange. Do you have a link to your site? With the change I proposed for me it looks like this:
 
Last edit: 1 year 3 weeks ago by Pinkeltje.

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

More
1 year 3 weeks ago #233114 by 9themestore
Hi,
Try to add below CSS rules to the custom.scss file.
Code:
tr.category ul.list-inline { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; } tr.category ul.list-inline li { display: flex; gap: 4px; }

- Please provide your site url if it has been lived.
- Please share tip if it worked fine with you.
- Don't be shy about using the "Thanks" button below if you found my comment helpful :)

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

Time to create page: 0.252 seconds