TASK: change button style of AssetAction buttons too neutral

[crydotsnake]

resolves: #198

What I did

See: #198

If the buttons are transparent it makes them a bit hard to see especially if you have a file with a white background, for example. And since the icons themselves already have a white color, it doesent look very nice on a transparent background.

Besides, it simply makes a nicer impression in general in my opinion.
But I am of course open for opinions !

How I did it

Changed the style of the AssetActions buttons from transparent too neutral.

How to verify it

Before

After

[Sebobo]

This way you also change their look in the list of the media module. There I intentionally used the transparent versions.

That means you should set the button type as variable here and make it dependent on where it's being used.

[crydotsnake]

I checked it with:

style={viewModeSelection === VIEW_MODES.List ? 'transparent' : 'neutral'}

But it still looks a little bit buggy too me 😕

I'm working on it.

Edit

Nevermind. i forgot too adjust one line.. 🤦🏽

[crydotsnake]

Looks good! 🙂

[Sebobo]

Thx, will check it asap

[Sebobo]

These examples don't look so good:

The buttons in thumbs view should remain transparent without hover.
In the list mode the button position is not fully correct, you can see a little blue gap the the top. Maybe we should change the active and hover color, so there is a highlight on hover visible on the buttons. Do you want to try at a better solution with out color scheme?
We also have the color variants of the primary colors in our brand guide.

[Sebobo]

See previous comment

[crydotsnake]

The buttons in thumbs view should remain transparent without hover.

Hm. Like that? This also doesent look good IMO.. or maybe I have to give it a little time and think about it.

demo.mov

[Sebobo]

No, with your change there were not transparent by default anymore for me. I would prefer if they stay transparent "until" they are hovered.
And in the list view they should still look good when the line is hovered and the background is therefore blue. That was also off like in my screenshot.l.