# Show left-hand cell names when window is narrow

**URL:** https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974
**Category:** Feedback
**Created:** [July 11, 2018, 11:15pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974 "2018-07-11T23:15:09Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![backspaces](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/backspaces/32/196_2.png) [@backspaces](https://talk.observablehq.com/u/backspaces)
#### Post date: [July 11, 2018, 11:15pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/1 "2018-07-11T23:15:09Z")

</div>

I tend to have smaller window widths than Observer prefers … thus the cell names to the left are cropped.

Is there a way for me to have the cell names visible for narrower windows?

---

<div class="post-metadata">

### Author: ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)
#### Post date: [July 12, 2018, 8:11pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/2 "2018-07-12T20:11:59Z")

</div>

I’d love to see this as well, especially since I often have the dev tools open.

As a workaround you could create a user style (e.g. via the Stylus extension) that reserves some fixed space on the left side:

```css
.w-100.mw8.ph3.center.mt4 {
  padding-left: 10rem;
}

```

By the way, is there any chance to have semantic classes added to the UI?

---

<div class="post-metadata">

### Author: ![jrus](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/jrus/32/586_2.png) [@jrus](https://talk.observablehq.com/u/jrus)
#### Post date: [July 12, 2018, 8:53pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/3 "2018-07-12T20:53:40Z")

</div>

It might help if the little button that shows up on very narrow windows (e.g. phone displays) which slides the content to the right to show the left column would show up for any browser width less than like 980 pixels or so.

---

<div class="post-metadata">

### Author: ![RandomFractals](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/randomfractals/32/759_2.png) [@RandomFractals](https://talk.observablehq.com/u/RandomFractals)
#### Post date: [July 13, 2018, 5:43pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/4 "2018-07-13T17:43:39Z")

</div>

+1 on this request. I run Observable notebook preview with dev tools open on my right-hand side portrait panel and found this chopping of named cells to be limiting at 960px screen width res. Surely, we can probably show cell names at that res.

---

<div class="post-metadata">

### Author: ![mbostock](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mbostock/32/9_2.png) [@mbostock](https://talk.observablehq.com/u/mbostock)
#### Post date: [December 31, 2019, 4:17am UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/5 "2019-12-31T04:17:55Z")

</div>

> [@mootari](#):
>
> By the way, is there any chance to have semantic classes added to the UI?

Our front-end (currently powered by [Tachyons](https://tachyons.io/)) isn’t intended to be user-editable or customizable beyond the [editor preferences](https://observablehq.com/settings) we provide. Our focus is on improving the experience “out of the box”, and it’s harder to do that if we also support arbitrary customization.

---

<div class="post-metadata">

### Author: ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)
#### Post date: [December 31, 2019, 10:15am UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/6 "2019-12-31T10:15:44Z")

</div>

> [@mbostock](#):
>
> if we also support arbitrary customization

While I can’t speak for others, I would never expect support for any type of customization of the UI. However, for those of us that still want to customize and are willing to adapt their solutions to changes it would help tremendously to have something to anchor onto (even if it may change or get dropped now and then).

To give an example, I’m still using the custom CSS from [this post](https://talk.observablehq.com/t/fresh-clean-new-cell-name-display/1456/11) to display cell names via CSS:

 ![image](https://canada1.discourse-cdn.com/flex030/uploads/observablehq/original/2X/3/37054472bb83f5a27bd0dfee8ba41b17132e3def.png)

---

<div class="post-metadata">

### Author: ![mbostock](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mbostock/32/9_2.png) [@mbostock](https://talk.observablehq.com/u/mbostock)
#### Post date: [December 31, 2019, 10:24pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/7 "2019-12-31T22:24:46Z")

</div>

> [@mootari](#):
>
> I would never expect support for any type of customization of the UI

Semantic class names would solely be for the purpose of end-user customization, no? We don’t use semantic class names.

---

<div class="post-metadata">

### Author: ![mootari](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.observablehq.com/mootari/32/581_2.png) [@mootari](https://talk.observablehq.com/u/mootari)
#### Post date: [January 1, 2020, 2:52pm UTC](https://talk.observablehq.com/t/show-left-hand-cell-names-when-window-is-narrow/974/8 "2020-01-01T14:52:31Z")

</div>

Happy new year!

> [@mbostock](#):
>
> Semantic class names would solely be for the purpose of end-user customization, no?

Yes, the strategic placement of a few semantic classes throughout your UI would be a gesture towards your users. There would be no public announcement, no support, and classes would be moved or removed by you whenever they get in your way.

Their main benefit for user styles would be that they are more targeted and less likely to change than Tachyons class combinations, and that existing user styles could be adapted to changes more easily.
