Skip to content

[Comment, Feed] Consistency for threaded and connected #3416

@ghabriel25

Description

@ghabriel25

Feature Request

Consistency for .ui.threaded.comments and ui.connected.feeds.

Currently, only feed using ::before to give it line between event.

On the other hand, comment modify its margin and padding to get the same result.

What could be improved:

  • comments should be take 100% of container's width
  • give more space for .text to breath
  • calculated left value of ::before (avatar's width / 2)
  • global margin-bottom for .ui.comments .comment
  • give .ui.comments .comment > .comments margin-left based on .content margin-left

Example

Before: https://fomantic-ui.com/views/comment.html#comments

After: https://codepen.io/ghabe/pen/ByKbRwR

Screenshots

Before
Image

After (with and without threaded)

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    type/featAny feature requests or improvements

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions