starred/orca
1
0
Fork 0
mirror of https://github.com/stablyai/orca.git synced 2026-10-05 08:02:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Align Source Control action buttons (#5305)

Browse Source 
Co-authored-by: Orca <help@stably.ai>
This commit is contained in:
Brennan Benson
2026-06-12 20:31:09 -07:00
committed by GitHub
co-authored by Orca
parent d09a3e5591
commit 970b919035
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/src/components/right-sidebar/right-sidebar-primary-action-layout.test.ts
+8
View File
@@ -7,6 +7,14 @@ import {
} from './right-sidebar-primary-action-layout'
describe('right sidebar primary action layout classes', () => {
it('fills the sidebar row while stretching wrapped and direct primary buttons', () => {
expect(RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS).toContain('flex')
expect(RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS).toContain('w-full')
expect(RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS).toContain('[&>*:first-child]:flex-1')
expect(RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS).toContain('[&>*:first-child>button]:w-full')
expect(RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS).toContain('[&>button:first-child]:w-full')
})
it('lets split-button primaries shrink inside the minimum-width sidebar', () => {
expect(RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS).toContain('min-w-0')
expect(RIGHT_SIDEBAR_MORPHING_PRIMARY_BUTTON_CLASS).toContain('shrink')
src/renderer/src/components/right-sidebar/right-sidebar-primary-action-layout.ts
+4 -3
View File
@@ -1,7 +1,8 @@
// Why: sidebar primaries rotate labels as git/review state changes. Content-width
// reads better than full-bleed; preferred width reduces jump between states; the
// Why: sidebar primaries rotate labels as git/review state changes. Filling the
// pane keeps their right edge aligned with the surrounding editor chrome; the
// primary half must shrink first so split-button chevrons never overflow.
export const RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS = 'inline-flex min-w-0 max-w-full items-stretch'
export const RIGHT_SIDEBAR_SPLIT_ACTION_ROW_CLASS =
'flex w-full min-w-0 items-stretch [&>*:first-child]:flex-1 [&>*:first-child>button]:w-full [&>button:first-child]:w-full'
export const RIGHT_SIDEBAR_MORPHING_PRIMARY_BUTTON_CLASS = 'w-[10.5rem] min-w-0 max-w-full shrink'