Yaru: Tree expander arows blurry

Created on 10 May 2018  路  4Comments  路  Source: ubuntu/yaru

Page 3 of gtk3-widget-factory contains a tree view. The arrows used to expand/collapse a branch seem blurry. This can also be seen in Geary.

Most helpful comment

Thanks @Paz-it, so this means that it is just a matter of color that makes it blur. I'd take this chance to propose this change instead: recently we changed check and radio button in menus in order to have the same color as their correspondant label. Here the situation is similar, since by default arrows are different than their text. What about this instead?

treeview-arrow-color

All 4 comments

image

This is probably because we use Adwaita/GNOME's default assets, but in effect on Ambiance triangles look sharper

@clobrano
I think the sharp arrow is in the assets as well. when you hover it it turns sharp. it means in the code the link to the sharp arrow is used under the hover section.
Not sure it's needed be if you think so you just have to switch the links to the correct image.
Edit :

  • Expanders *
    ***/
    expander arrow {
    min-width: 16px;
    min-height: 16px;
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
    expander arrow:dir(rtl) {
    -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
    expander arrow:hover {
    color: #8a8a8a; }
    expander arrow:checked {
    -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }

If you disable the symbolic gtk-icon-source and give only color it will appear sharp in all the way .
Again, not sure it's needed though... :smiley_cat:

Thanks @Paz-it, so this means that it is just a matter of color that makes it blur. I'd take this chance to propose this change instead: recently we changed check and radio button in menus in order to have the same color as their correspondant label. Here the situation is similar, since by default arrows are different than their text. What about this instead?

treeview-arrow-color

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Feichtmeier picture Feichtmeier  路  3Comments

eaglersdeveloper picture eaglersdeveloper  路  3Comments

chrisjbillington picture chrisjbillington  路  3Comments

pojntfx picture pojntfx  路  3Comments

sicklylife-jp picture sicklylife-jp  路  3Comments