# New sidebar design on tablets

**URL:** https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162
**Category:** UX
**Tags:** sidebar, tablet
**Created:** [October 9, 2024, 9:29pm UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162 "2024-10-09T21:29:41Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [October 9, 2024, 9:29pm UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/1 "2024-10-09T21:29:41Z")

</div>

Continuing the discussion from [New sidebar experiment (Sidebar Feng Shui)](https://meta.discourse.org/t/new-sidebar-experiment-sidebar-feng-shui/320459/15):

I have the impression tablets now get a inconvenient mix of desktop mode and touch device styling. While the design experiment added those lines on my tablet, the version merged into core does not.

Especially in the admin sidebar, the headings are difficult to recognise, as they simply get lost in the list. It works fine on desktop devices without touch, where the lines are shown, and on mobile with the gaps, but the version for touch devices in desktop mode has no lines and no gaps.

Mobile:

 ![Screenshot_20241009_232117_Firefox](https://global.discourse-cdn.com/meta/original/4X/9/1/2/912abd72736656fb875881127457cc57f2a08e22.jpeg)

Desktop:

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/4/8/b4808da7233444d5e875eae501a012b44b129d1b.png)

Tablet:

 ![Screenshot_20241009_231407_Firefox](https://global.discourse-cdn.com/meta/original/4X/c/2/e/c2e4964f6b5d670dae4bbae3d72e621e9ec65f20.jpeg)

---

<div class="post-metadata">

### Author: ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)
#### Post date: [October 10, 2024, 6:13am UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/2 "2024-10-10T06:13:30Z")

</div>

> [@Moin](#):
>
> headings are difficult to recognise

Hear hear… I came today asking how can I make headings more readable on iPad.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [October 10, 2024, 6:30pm UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/3 "2024-10-10T18:30:25Z")

</div>

> [@Jagster](#):
>
> I came today asking how can I make headings more readable on iPad.

I added

```css
.sidebar-section-wrapper {
    padding-block: .35rem;
    border-bottom: 1px solid var(--secondary-very-high);
}

```

to the desktop css section of my theme

---

<div class="post-metadata">

### Author: ![Sidi\_Codet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidi_codet/32/455699_2.png) [@Sidi\_Codet](https://meta.discourse.org/u/Sidi_Codet)
#### Post date: [October 11, 2024, 7:13am UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/4 "2024-10-11T07:13:12Z")

</div>

@Lilly , was certainly impressed with the Desktop Version , Welldone!

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [October 11, 2024, 2:28pm UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/5 "2024-10-11T14:28:35Z")

</div>

why are you mentioning me? what are you even talking about?

---

<div class="post-metadata">

### Author: ![Sidi\_Codet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sidi_codet/32/455699_2.png) [@Sidi\_Codet](https://meta.discourse.org/u/Sidi_Codet)
#### Post date: [October 11, 2024, 7:24pm UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/6 "2024-10-11T19:24:39Z")

</div>

lol, that was a mistake Lilly, the mention wasn’t for you but for @Moin , sorry!

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [October 17, 2024, 5:23am UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/10 "2024-10-17T05:23:25Z")

</div>

Thanks for the report.

I’ve added the divider on tablets too, as was the original intention.

[https://github.com/discourse/discourse/pull/29248](https://github.com/discourse/discourse/pull/29248)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [October 21, 2024, 2:00pm UTC](https://meta.discourse.org/t/new-sidebar-design-on-tablets/330162/12 "2024-10-21T14:00:01Z")

</div>

This topic was automatically closed after 4 days. New replies are no longer allowed.
