BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-08 08:29:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): stop the centered voice button overlapping the case picker

Browse Source 
.toolbar-center is absolutely centered (left: 50%), so on viewports below
~1500px, or with long case names widening the left toolbar group, the voice
button rendered on top of the case picker's chevron and the + button. Below
1500px it now falls back into normal flex flow where overlap is impossible;
wide viewports keep the centered layout.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-07-23 23:36:38 +02:00
parent 1be98ff8a3
commit 0ee268ba82
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+11
View File
@@ -3152,6 +3152,17 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
transform: translateX(-50%); transform: translateX(-50%);
} }
/* Below ~1500px the absolutely-centered group can land on top of the case
picker (the left group widens with the case name), so fall back to normal
flex flow where overlap is impossible */
@media (max-width: 1500px) {
.toolbar-center {
position: static;
transform: none;
margin-left: 0.4rem;
}
}
.version-display { .version-display {
font-family: 'SF Mono', Monaco, monospace; font-family: 'SF Mono', Monaco, monospace;
font-size: 0.6rem; font-size: 0.6rem;