Skip to main content
User Experience

Return to Question

edited tags
Link
Jin Mod
Jin Mod
  • 2.1k
  • 13
  • 11
Added alt text for the image
Source Link
Kit Grose
Kit Grose
  • 15.7k
  • 12
  • 12

When a tag includes one or more hyphens (as in the mac-os-x tag), it can in some instances span multiple lines in the mobile version, breaking the "tag" illusion:

enter image description hereExample of the issue, showing the "mac-os-x" tag spanning multiple lines

The fix already exists in the desktop version. Simply set:

.post-tag {
    white-space: nowrap;
}

When a tag includes one or more hyphens (as in the mac-os-x tag), it can in some instances span multiple lines in the mobile version, breaking the "tag" illusion:

enter image description here

The fix already exists in the desktop version. Simply set:

.post-tag {
    white-space: nowrap;
}

When a tag includes one or more hyphens (as in the mac-os-x tag), it can in some instances span multiple lines in the mobile version, breaking the "tag" illusion:

Example of the issue, showing the "mac-os-x" tag spanning multiple lines

The fix already exists in the desktop version. Simply set:

.post-tag {
    white-space: nowrap;
}
Source Link
Kit Grose
Kit Grose
  • 15.7k
  • 12
  • 12

Tags with hyphens in them can wrap incorrectly on mobile version

When a tag includes one or more hyphens (as in the mac-os-x tag), it can in some instances span multiple lines in the mobile version, breaking the "tag" illusion:

enter image description here

The fix already exists in the desktop version. Simply set:

.post-tag {
    white-space: nowrap;
}