No Code Attached Yet
avatar wwwiiimmm
wwwiiimmm
1 Jun 2023

Quickicons have different widths when the modules have different number of icons.

Example 1:
If 1 icon is visible in the 3rd party module the icon stretches to full width.

Example 2:
When giving the QI-modules more space, i.e. by toggling the side menu.
The 3 icons in the System module and the 4 icons in the Notifications module have different widths.

Also see attachment...

The width is styled by _quickicons.scss
On line 8 you will find:
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));

Replacing 'auto-fit' with 'auto-fill' all quickicons get the same width no matter how many icons there are.
screen shot 2023-06-01 at 12 30 59

avatar wwwiiimmm wwwiiimmm - open - 1 Jun 2023
avatar wwwiiimmm wwwiiimmm - change - 1 Jun 2023
Labels Removed: ?
avatar joomla-cms-bot joomla-cms-bot - change - 1 Jun 2023
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 1 Jun 2023
avatar drmenzelit
drmenzelit - comment - 1 Jun 2023

Would you create a pull request for this?

avatar wwwiiimmm
wwwiiimmm - comment - 1 Jun 2023

I would as soon as I can figure out how...

I'm stuck on the Create Pull Request button: it's greyed out.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/40701.

avatar N6REJ
N6REJ - comment - 2 Jun 2023

@wwwiiimmm the file your looking for is build/media_source/templates/administrator/atum/scss/blocks/_quickicons.scss This is ony available in github dev branches. which in this case would be 4.3-dev.
You'll need to run "npm ci" after the change to see it changed.

avatar N6REJ N6REJ - change - 5 Jun 2023
Status New Closed
Closed_Date 0000-00-00 00:00:00 2023-06-05 01:18:39
Closed_By N6REJ
avatar N6REJ N6REJ - close - 5 Jun 2023
avatar N6REJ
N6REJ - comment - 5 Jun 2023

closed as we have a pr

Add a Comment

Login with GitHub to post a comment