Files: File and folder names lost their border radius

Created on 3 Jan 2019  路  13Comments  路  Source: elementary/files

In Loki, the file and folder labels had a nice border radius when selected:

screenshot from 2019-01-03 19-32-50

Maybe it's just me, but it doesn't look good now:

screenshot from 2019-01-03 19-56-28

screenshot from 2019-01-03 19-56-35

Needs Design

Most helpful comment

The color bullet looks nice and avoids contrast issues with text, so I'm in favor of that design change. Other @elementary/ux thoughts?

All 13 comments

This is down to 16a545eeebb2b758dda176481333fa5b5e271cc7

Is it possible to use CSS to apply border radius on those?

Maybe the background can be removed altogether since we have a background color on the entire item now?

I think there is a problem using CSS in a CellRenderer - you are not rendering individual widgets, so changing the CSS for the view would change every item.

Yes, the background could be removed if @elementary/ux approve.

However this brings the question of the color tags. Maybe the background can safely be removed if there is no color tag. With color tag it would be better with border-radius, it looks unpolished without it.

MacOS has another solution, a color bullet in from of the label:

macos

The bullet could be emulated if desired (if it is not patented ...).

Actually I think there is a way of putting the border radius back by adding a CSSProvider on the fly.

The color bullet looks nice and avoids contrast issues with text, so I'm in favor of that design change. Other @elementary/ux thoughts?

I'll look into implementing this. May be tricky using CSS (suggestions?) but should be doable with Cairo

Or maybe can be rendered in the Pango layout?

@jeremypw CSS would probably be best for flexibility down the road. We do a colored dot for calendars, maybe check that code?

@cassidyjames Thanks, I'll check that out, although here we are rendering a CellLayout not a Widget.

Was this page helpful?
0 / 5 - 0 ratings