joomla / backend-template

backend template for Joomla 4 working area
GNU General Public License v2.0
13 stars 23 forks source link

Quickicon cleanup #361

Closed Hackwar closed 5 years ago

Hackwar commented 5 years ago

I was contacted by @angieradtke with some code for the quickicons. I kinda like this cleaner look and thus wanted to bring this up here for debate.

brianteeman commented 5 years ago

To save time can you post a screenshot please

chmst commented 5 years ago

quickicons new

brianteeman commented 5 years ago

Thanks @chmst

I am not a designer so wont comment if it looks better with rounded corners and a shadow or flat and square

But from a visual usability perspective having the count and the stats as one box is now more confusing and even harder to scan and realise there are two buttons

chmst commented 5 years ago

The scss does not use variables. So please don't merge.

I like the light and elegant look of the buttons.

I agree with @brianteeman

But from a visual usability perspective having the count and the stats as one box is now more confusing and even harder to scan and realise there are two buttons

On my smartphone the separated buttons are better

chmst commented 5 years ago

Further Reflection: The colours we use now on quickicons are either link colours, calculated from template colour settings or success/warning colours. Changes must be consistent in the colour concept.

angieradtke commented 5 years ago

Hi ,

this was only a suggestion. contrast of light blue quickicons is not enough for AAA.

Brian: The first look at the dashboard is for orientation. Therefore it is important from my point of view to group the things that belong together to get a quick overview. The targeted addition of individual actions is the second step in the visual perception.

Angie

brianteeman commented 5 years ago

I agree about the grouping I just dont agree that the "targeted addition of individual actions" works visually and of course it doesnt work for screen readers at all currently

chmst commented 5 years ago

contrast of light blue quickicons is not enough for AAA.

We do not target AAA but AA

bembelimen commented 5 years ago

But from a visual usability perspective having the count and the stats as one box is now more confusing and even harder to scan and realise there are two buttons

So should we have something like: grafik

angieradtke commented 5 years ago

this is a good compromis .-)

chmst commented 5 years ago

@bembelimen yes,this looks good for me. There is still the question of colours. The colours variables at the moment are link coulours, But we could try the colour of promary buttons instead.

angieradtke commented 5 years ago

Now you got: atum-link-color: #2077dd link-color

bembelimen commented 5 years ago

Updated PR with correct usage of variables etc.: https://github.com/joomla/backend-template/pull/368