[PR #13] Improve responsive top bar layout for mobile #13

Open
opened 2026-10-15 13:27:25 +00:00 by bsakaguchi · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/SillyTavern/Extension-TopInfoBar/pull/13
Author: @julez122
Created: 9/17/2026
Status: 🔄 Open

Base: main ← Head: mobile-fix


📝 Commits (3)

  • 4916aed Improve responsive top bar layout
  • 6a9c1ea Clean up comments in style.css
  • 55e4651 Remove unnecessary comments from index.js

📊 Changes

2 files changed (+111 additions, -0 deletions)

View changed files

📝 index.js (+45 -0)
📝 style.css (+66 -0)

📄 Description

Changes

On mobile the top bar had the following bugs:

  • It clipped through ST's native top bar.
  • The last two icons were floating below the extensions bar.

This changes it so that mobile toolbar controls are in a horizontally scrollable row and are isolated from chat handler gestures (e.g scrolling the top bar won't swipe the latest assitant message). Also dynamically reserves space for fixed theme toolbars.

Edited: style.css and index.js.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/SillyTavern/Extension-TopInfoBar/pull/13 **Author:** [@julez122](https://github.com/julez122) **Created:** 9/17/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `mobile-fix` --- ### 📝 Commits (3) - [`4916aed`](https://github.com/SillyTavern/Extension-TopInfoBar/commit/4916aed638e52c39b6fe0e8021af445d132c37a8) Improve responsive top bar layout - [`6a9c1ea`](https://github.com/SillyTavern/Extension-TopInfoBar/commit/6a9c1ea5f7e397f175495a788b686c0b2b14e747) Clean up comments in style.css - [`55e4651`](https://github.com/SillyTavern/Extension-TopInfoBar/commit/55e465135c2bb3a53db2baf9f941b5f05ca85076) Remove unnecessary comments from index.js ### 📊 Changes **2 files changed** (+111 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `index.js` (+45 -0) 📝 `style.css` (+66 -0) </details> ### 📄 Description # Changes On mobile the top bar had the following bugs: - It clipped through ST's native top bar. - The last two icons were floating below the extensions bar. This changes it so that mobile toolbar controls are in a horizontally scrollable row and are isolated from chat handler gestures (e.g scrolling the top bar won't swipe the latest assitant message). Also dynamically reserves space for fixed theme toolbars. Edited: `style.css` and `index.js`. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Sign in to join this conversation.
No labels
pull-request
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
SillyTavern/Extension-TopInfoBar#13
No description provided.