# Fullscreen Timeline on Mobile Composer in Landscape

**URL:** https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583
**Category:** Bug
**Created:** [February 14, 2018, 11:41pm UTC](https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583 "2018-02-14T23:41:58Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [February 14, 2018, 11:41pm UTC](https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583/1 "2018-02-14T23:41:58Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/3X/7/c/7ce279e26307bb1ea4ee558ea25e1a93569d529f.png)

At first glance this looks OK, but the title is not being shown. It’s currently above the top of the screen. You can see a glyph poking out above the word “see”.

If font sizes are customized it looks even worse, as the excerpt can be displayed somewhat offscreen.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 15, 2018, 4:45am UTC](https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583/2 "2018-02-15T04:45:59Z")

</div>

Gave this a try — I’m able to do most of this in CSS using height media queries, but the timeline’s height is defined in Javascript (seemed simple enough, but I’m not sure how bad my JS is).

> <https://github.com/discourse/discourse/pull/5596>
>
> Not sure if my JS is the best approach here... 
> 
> \<img width="882" alt="screen …shot 2018-02-14 at 11 18 30 pm" src="https://user-images.githubusercontent.com/1681963/36240320-de6b33ee-11de-11e8-8f12-e6e63e338c4c.png"\>

If your browser’s height is less than 425px, you get a stubby timeline. I think iOS 10 on an iPhone 5 is generally where we’d cut off support in landscape (with the toolbars the viewport height is only 230px 😱) .

 ![30%20PM](https://global.discourse-cdn.com/meta/original/3X/a/5/a54146a0814d01e3cd593d4dd358a2f123521bf2.jpg)

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [February 15, 2018, 7:34pm UTC](https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583/3 "2018-02-15T19:34:41Z")

</div>

Great, I added some minor changes to avoid the window height only being calculated when the JS file loads and merged it!

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [February 15, 2018, 7:34pm UTC](https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583/4 "2018-02-15T19:34:44Z")

</div>



---

<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: [February 15, 2018, 8:37pm UTC](https://meta.discourse.org/t/fullscreen-timeline-on-mobile-composer-in-landscape/80583/5 "2018-02-15T20:37:09Z")

</div>

Note, something @codinghorror has bugged me for ages about is that we don’t show category or tags there, we got to get to that.