Skip to content

Conversation

@danxuliu
Copy link
Member

Backport of #11054

Some popover menus, like the contacts menu, still show their icon using
an img element. The main CSS rules assume that a "content-box" sizing is
being used, and thus set the size and padding of the image to add up to
the line height.

However, ".app-*" descendants use a "border-box" sizing, so when a menu
with an image was shown in an app the icon was not properly shown. Now
both the width and height of the image is set to the item height in
those cases, which causes the visible size of the icon to be the item
height minus the padding (the same as when "content-box" sizing is
used).

Signed-off-by: Daniel Calviño Sánchez <[email protected]>
@danxuliu danxuliu added bug design Design, UI, UX, etc. 3. to review Waiting for reviews regression labels Sep 19, 2018
@danxuliu danxuliu added this to the Nextcloud 14.0.1 milestone Sep 19, 2018
@blizzz blizzz merged commit 27a3867 into stable14 Sep 19, 2018
@MorrisJobke MorrisJobke deleted the stable14-11054-fix-size-of-icons-in-menus-inside-apps-when-shown-as-images branch October 1, 2018 09:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews bug design Design, UI, UX, etc. regression

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants