Prevent viewer toolbar button wrapping

This commit is contained in:
Codex
2026-05-27 14:51:23 +08:00
parent 2c2838adf9
commit f5b40c5f5b

View File

@@ -226,6 +226,8 @@ button:disabled {
border-radius: 8px; border-radius: 8px;
background: var(--panel-2); background: var(--panel-2);
color: var(--text); color: var(--text);
white-space: nowrap;
word-break: keep-all;
} }
.ghost-btn:hover, .ghost-btn:hover,
@@ -701,12 +703,25 @@ button:disabled {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
padding: 12px; padding: 12px;
border-bottom: 1px solid var(--stroke); border-bottom: 1px solid var(--stroke);
background: rgba(8, 11, 17, 0.86); background: rgba(8, 11, 17, 0.86);
} }
.viewer-toolbar::-webkit-scrollbar {
height: 6px;
}
.viewer-toolbar::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(146, 163, 186, 0.34);
}
.segmented { .segmented {
flex: 0 0 auto;
display: flex; display: flex;
gap: 5px; gap: 5px;
padding: 5px; padding: 5px;
@@ -720,7 +735,13 @@ button:disabled {
background: var(--blue); background: var(--blue);
} }
.segmented button,
.tool-row button {
flex: 0 0 auto;
}
.tool-row { .tool-row {
flex: 0 0 auto;
display: flex; display: flex;
gap: 6px; gap: 6px;
margin-left: auto; margin-left: auto;