Viewing pages with tables on tablets #1951

Open
opened 2026-02-05 02:18:48 +03:00 by OVERLORD · 1 comment
Owner

Originally created by @TheFiZi on GitHub (Nov 22, 2020).

Describe the bug
Visual issue I'm running into when trying to view recipes I've documented in Bookstack using tables. I like to view these recipes from my tablet in the kitchen instead of a full on laptop for obvious reasons.

In landscape view the entire contents of the page would fit if I could hide the navigation on the left side. In Landscape view I can scroll left/right on the page to see the contents being cut off.

Portrait view I cannot scroll left/right to see the content being cutoff.

Steps To Reproduce
View a page on a tablet

Expected behavior
Landscape view: Be able to hide the navigation menu on the left side so I can view my content as formatted OR the ability to scroll horizontally.

Portrait view: Ability to scroll horizontally or adjust the theme so it can better handle information in table format.

Screenshots
Normal view:
normalView

Landscape view:
IMG_0194

Portrait view:
IMG_0193

Your Configuration (please complete the following information):

  • Exact BookStack Version (Found in settings): v0.30.4
  • PHP Version: 7.3.24
  • Hosting Method (Nginx/Apache/Docker): Nginx

Additional context
None

Originally created by @TheFiZi on GitHub (Nov 22, 2020). **Describe the bug** Visual issue I'm running into when trying to view recipes I've documented in Bookstack using tables. I like to view these recipes from my tablet in the kitchen instead of a full on laptop for obvious reasons. In landscape view the entire contents of the page would fit if I could hide the navigation on the left side. In Landscape view I can scroll left/right on the page to see the contents being cut off. Portrait view I cannot scroll left/right to see the content being cutoff. **Steps To Reproduce** View a page on a tablet **Expected behavior** Landscape view: Be able to hide the navigation menu on the left side so I can view my content as formatted OR the ability to scroll horizontally. Portrait view: Ability to scroll horizontally or adjust the theme so it can better handle information in table format. **Screenshots** **Normal view:** ![normalView](https://user-images.githubusercontent.com/1762426/99888732-bea5e800-2c03-11eb-9e01-a354590f3c9c.png) **Landscape view:** ![IMG_0194](https://user-images.githubusercontent.com/1762426/99888746-da10f300-2c03-11eb-82a9-0c106a5f925a.PNG) **Portrait view:** ![IMG_0193](https://user-images.githubusercontent.com/1762426/99888748-dbdab680-2c03-11eb-930e-efe3c12bf3f4.PNG) **Your Configuration (please complete the following information):** - Exact BookStack Version (Found in settings): v0.30.4 - PHP Version: 7.3.24 - Hosting Method (Nginx/Apache/Docker): Nginx **Additional context** None
Author
Owner

@jsngee commented on GitHub (May 25, 2021):

I am seeing this exact same issue? Can you please assign someone to this? This is happening on the latest container image from linuxserver on my WSL2 laptop. We need landscape mode and to be able to fit to page for landscape mode....

PS C:\Users\admin> docker container ls
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
f32ff0aa5c36 ghcr.io/linuxserver/bookstack "/init" 44 hours ago Up 44 hours 0.0.0.0:80->80/tcp, :::80->80/tcp, 443/tcp bookstack
763926a17c2b ghcr.io/linuxserver/mariadb "/init" 44 hours ago Up 44 hours 3306/tcp bookstack_db
PS C:\Users\admin> docker version
Client:
Cloud integration: 1.0.14
Version: 20.10.6
API version: 1.41
Go version: go1.16.3
Git commit: 370c289
Built: Fri Apr 9 22:49:36 2021
OS/Arch: windows/amd64
Context: default
Experimental: true

Server: Docker Engine - Community
Engine:
Version: 20.10.6
API version: 1.41 (minimum version 1.12)
Go version: go1.13.15
Git commit: 8728dd2
Built: Fri Apr 9 22:44:56 2021
OS/Arch: linux/amd64
Experimental: false
containerd:
Version: 1.4.4
GitCommit: 05f951a3781f4f2c1911b05e61c160e9c30eaa8e
runc:
Version: 1.0.0-rc93
GitCommit: 12644e614e25b05da6fd08a38ffa0cfe1903fdec
docker-init:
Version: 0.19.0
GitCommit: de40ad0

image

@jsngee commented on GitHub (May 25, 2021): I am seeing this exact same issue? Can you please assign someone to this? This is happening on the latest container image from linuxserver on my WSL2 laptop. We need landscape mode and to be able to fit to page for landscape mode.... PS C:\Users\admin> docker container ls CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES f32ff0aa5c36 ghcr.io/linuxserver/bookstack "/init" 44 hours ago Up 44 hours 0.0.0.0:80->80/tcp, :::80->80/tcp, 443/tcp bookstack 763926a17c2b ghcr.io/linuxserver/mariadb "/init" 44 hours ago Up 44 hours 3306/tcp bookstack_db PS C:\Users\admin> docker version Client: Cloud integration: 1.0.14 Version: 20.10.6 API version: 1.41 Go version: go1.16.3 Git commit: 370c289 Built: Fri Apr 9 22:49:36 2021 OS/Arch: windows/amd64 Context: default Experimental: true Server: Docker Engine - Community Engine: Version: 20.10.6 API version: 1.41 (minimum version 1.12) Go version: go1.13.15 Git commit: 8728dd2 Built: Fri Apr 9 22:44:56 2021 OS/Arch: linux/amd64 Experimental: false containerd: Version: 1.4.4 GitCommit: 05f951a3781f4f2c1911b05e61c160e9c30eaa8e runc: Version: 1.0.0-rc93 GitCommit: 12644e614e25b05da6fd08a38ffa0cfe1903fdec docker-init: Version: 0.19.0 GitCommit: de40ad0 ![image](https://user-images.githubusercontent.com/47899297/119499624-e43bb780-bd34-11eb-856b-52687a75f24c.png)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#1951