The tags are not displayed in the same way as in your example. Tags not inline and not painted themeable. Perhaps an error in the output of html markup or css?

CommentFileSizeAuthor
#7 desired.png11.17 KBdipakmdhrm
#7 after-patch-4.png12.7 KBdipakmdhrm
#7 Initial-state.png9.82 KBdipakmdhrm
#7 7.patch2.71 KBdipakmdhrm
#4 2925276_4.patch2.22 KBnavneet0693
#3 D8_The_tags_are_not_displayed-2925276-3.patch2.21 KBvidit.anjaria
#2 style.css925276.patch619 bytesAshM
#2 field--node--field-tags.patch1.53 KBAshM

Comments

lelik1973 created an issue. See original summary.

AshM’s picture

AshM commented
StatusFileSize
new field--node--field-tags.patch1.53 KB
new style.css925276.patch619 bytes

You can try to create a twig file for the tags field and update the CSS file as per the requirement.

vidit.anjaria’s picture

vidit.anjaria commented
Status: Active » Needs review
StatusFileSize
new D8_The_tags_are_not_displayed-2925276-3.patch2.21 KB

patch failed to apply, hence attaching new patch for this. Please review.

navneet0693’s picture

navneet0693 commented
StatusFileSize
new 2925276_4.patch2.22 KB

One way to create a patch file:
From nexus root directory, do the following:

git add assets/css/style.css templates/field--node--field-tags.html.twig

and then create a patch by:

git diff --cached > <patch_name>.patch
vidit.anjaria’s picture

vidit.anjaria commented

patch works perfectly fine. Thanks @navneet.

vidit.anjaria’s picture

vidit.anjaria commented
Status: Needs review » Reviewed & tested by the community
dipakmdhrm’s picture

dipakmdhrm commented
Status: Reviewed & tested by the community » Needs review
StatusFileSize
new 7.patch2.71 KB
new Initial-state.png9.82 KB
new after-patch-4.png12.7 KB
new desired.png11.17 KB

Intial state of tags before this issue:

initial


State of tags after patch in #4:

initial


Desired state of tags:

initial

This patch has css changes to make tags look like they're desired.

Putting this back in review.
@vidit.anjaria + @navneet0693 Can you review this and put in RTBC is it works as expeted?

navneet0693’s picture

navneet0693 commented
Status: Needs review » Reviewed & tested by the community

  • dipakmdhrm committed de27a93 on 8.x-1.x authored by AshM 
    Issue #2925276 by AshM, dipakmdhrm, vidit.anjaria, navneet0693: D8 The...
dipakmdhrm’s picture

dipakmdhrm commented
Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.