Favorites and Shares icon in sidebar misaligned

[MorrisJobke]

The icons for the categories "Favorites" and "Shares" are not there or at the wrong position.

cc @jancborchardt @skjnldsv @newhinton

Maybe because of #9982

[nextcloud-bot]

GitMate.io thinks possibly related issues are #6041 (Compact sidebar - icon only sidebar), #2308 (Missing delete option for email shares in the sidebar), #2277 (Sharing icon seems missing), #5911 ([stable12] Federated share icon is missing in Swedish translation), and #10308 (Shared folder icons and text is showed inconsistently).

[skjnldsv]

I cannot reproduce :/
@nextcloud/designers

[MorrisJobke]

The icons for the categories "Favorites" and "Shares" are not there or at the wrong position.

Not there was fixed in #10378

Now it looks like this in Safari:

Works fine in Firefox and Chrome. It is this transition rule:

#app-navigation .collapsible:before, #app-navigation .collapsible > a {
    transition: background 100ms ease-in-out, transform 250ms ease-in-out, opacity 100ms ease-in-out;
}

Once the part background 100ms ease-in-out is removed it works again on Safari as well.

[skjnldsv]

Fix in #10386