# 能否缩短应用内工具栏的高度？

**URL:** <https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511>\
**Category:** UX\
**Created:** [2019年五月12日 14:13 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511 "2019-05-12T14:13:25Z")\
**Posts on this page:** 10\
**Page:** 2

<div class="post-metadata">

**Author:** ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)\
**Post date:** [2019年五月12日 20:14 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/21 "2019-05-12T20:14:24Z")

</div>

> [@gingerbeardman](#):
>
> True, how very rude of me.

Nah you’re good

I think both are valid asks, but obviously not exactly a perfect pairing 😆

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2019年五月12日 20:31 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/22 "2019-05-12T20:31:49Z")

</div>

I know @sam has strong feelings on this topic.

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2019年五月12日 21:24 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/23 "2019-05-12T21:24:32Z")

</div>

We emulate safari mobile height here, I can see us slightly adjusting hit areas if we are deviating from what safari does, but if you really want it shrinked for your site you will need to use a theme component and will end up having an inconsistently behaving app

---

<div class="post-metadata">

**Author:** ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)\
**Post date:** [2019年五月12日 22:03 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/24 "2019-05-12T22:03:02Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/8/f/8f3782ea08fcc017eb1649b57adb77cd83acbd5f.jpeg)

Plus, I’d normally expect an app dedicated to one purpose to be sleeker than Safari, of all things.

I know this seems nitpicky, but it really is distracting 😛

---

<div class="post-metadata">

**Author:** ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)\
**Post date:** [2019年五月12日 22:43 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/25 "2019-05-12T22:43:16Z")

</div>

Gigantic is a strong word there, but yeah I see no reason why we should not match the exact same height Safari has, luckily we don’t need a full app release to change this. Looks to me like we are about 5px off. @pmusaraj can sort this out this week.

Note, you got to live with this for a while, I have not seen people line up complaining about how the “topic progress” used to overlap with the black line, or how topic progress always used to render underneath the nav good old SVC, or headers half rendering. What we have now has a level of polish the app never had. Part of the outcry here is the cheese got moved and cheese is in a new place 😉

---

<div class="post-metadata">

**Author:** ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)\
**Post date:** [2019年五月12日 23:05 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/27 "2019-05-12T23:05:20Z")

</div>

My personal “cheese” is that I just downloaded this today and my initial impression was “wow that’s huge”

Nothing more

---

<div class="post-metadata">

**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
**Post date:** [2019年五月13日 15:10 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/28 "2019-05-13T15:10:59Z")

</div>

I think I’ve addressed both issues in [this commit](https://github.com/discourse/discourse/commit/f1b0782624c2958aff5ad605ba88acbf2b05de46): the bar is shorter now, and the hit area for each button is larger.

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/9/5962bf9c596bca1c026deb206472fe3176d0ea46.png)

And because this is all CSS in Discourse, it’s all live here on meta already.

---

<div class="post-metadata">

**Author:** ![orangeandblack5](https://avatars.discourse-cdn.com/v4/letter/o/edb3f5/32.png) [@orangeandblack5](https://meta.discourse.org/u/orangeandblack5)\
**Post date:** [2019年五月13日 15:43 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/29 "2019-05-13T15:43:31Z")

</div>

Didn’t even have to do anything myself

Dang, thanks a ton

---

<div class="post-metadata">

**Author:** ![gingerbeardman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gingerbeardman/32/540824_2.png) [@gingerbeardman](https://meta.discourse.org/u/gingerbeardman)\
**Post date:** [2019年五月13日 16:58 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/30 "2019-05-13T16:58:15Z")

</div>

now that’s service! 🏆

thanks so much!

---

<div class="post-metadata">

**Author:** ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)\
**Post date:** [2019年五月14日 17:34 UTC](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511/31 "2019-05-14T17:34:41Z")

</div>



[上一頁](https://meta.discourse.org/t/can-the-in-app-toolbar-be-made-shorter/117511.md?page=1)
