Fomantic-ui: [Menu][Grouped icons] grouped icons in submenu not behave like simple icon

Created on 14 Aug 2019  路  5Comments  路  Source: fomantic/Fomantic-UI

Bug Report

Steps to reproduce

  1. https://jsfiddle.net/b5og0sxL/
  2. Grouped icons in first menu are ok.
  3. Grouped icons in sub menu "Actions" do not behave like simple icon

Expected result

  • Position should be left.
  • Corner icons should be respected

Actual result

  • Position is right instead of left.
  • Corner icon rules are not respected.

Testcase

https://jsfiddle.net/b5og0sxL/

Screenshot (when possible)

image

Version

2.7.7

lancss typbug

All 5 comments

I've temporarly fix it with following css rules:
https://jsfiddle.net/b5og0sxL/2/

@Ikaer Yes open another issue because they seem unrelated to this one.

Fixed by #1536 Sorry, it took so long

Hi,

Sorry to reopen this, but we still have an issue with the grouped icons and menu when those icons are on left side. The padding is not applied between the icons and the text.

TestCase
https://jsfiddle.net/fndmr6os/

Screenshots
image
image

Version
2.7.8

Sorry to reopen this, but we still have an issue with the grouped icons and menu when those icons are on left side. The padding is not applied between the icons and the text.

Fixed by #1766

Was this page helpful?
0 / 5 - 0 ratings