canonical / canonical/vanilla-framework

u-no-wrap

Open
#5,361 3 comments 0 reactions 0 assignees View on GitHub
P3 Triaged Triaged: v4 WG: Validated
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

## Visual

![image](https://github.com/user-attachments/assets/dbfe5900-060c-4d57-bb41-d93cdfb5f895)

## Context

When content needs to be together to have sense, but also requires spacing, eg. a phone number "+44 203 656 5291"

I am using it [here](https://github.com/canonical/ubuntu.com/pull/14366), but likely should be applied in a lot of places like this.

## State

n/a

## Progressive enhancement

n/a

## Pattern example

```
.u-no-wrap {
white-space: nowrap;
}
```

Contributor guide

Open the contributing guide

Research direction

Start by locating the framework’s utility-class styles and checking how existing helpers are organized. Add the proposed `.u-no-wrap` utility with `white-space: nowrap`, then verify that content such as the phone number remains together without changing surrounding spacing.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.