MediaMetz/gemini-cli
1
0
Fork 0
mirror of https://github.com/google-gemini/gemini-cli.git synced 2026-04-19 17:50:37 -07:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): refine /colors value column width and prevent text wrap in tests

Browse Source
This commit is contained in:
Keith Guerin
2026-02-26 14:12:55 -08:00
parent 170d1aef70
commit c884813df5
7 changed files with 2 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/cli/src/ui/components/ColorsDisplay.tsx
View File

@@ -53,7 +53,7 @@ interface BackgroundColorRow {
type ColorRow = StandardColorRow | GradientColorRow | BackgroundColorRow;
const VALUE_COLUMN_WIDTH = '8%';
const VALUE_COLUMN_WIDTH = '10%';
const NAME_COLUMN_WIDTH = '30%';
export const ColorsDisplay: React.FC = () => {
@@ -271,7 +271,7 @@ function renderBackgroundRow({ name, value }: BackgroundColorRow) {
justifyContent="center"
paddingX={1}
>
<Text color={theme.text.primary} bold>
<Text color={theme.text.primary} bold wrap="truncate">
{value || 'default'}
</Text>
</Box>

2
packages/cli/src/ui/components/HistoryItemDisplay.tsx
View File

@@ -36,7 +36,6 @@ import { HooksList } from './views/HooksList.js';
import { ModelMessage } from './messages/ModelMessage.js';
import { ThinkingMessage } from './messages/ThinkingMessage.js';
import { HintMessage } from './messages/HintMessage.js';
import { ColorsDisplay } from './ColorsDisplay.js';
import { getInlineThinkingMode } from '../utils/inlineThinkingMode.js';
import { useSettings } from '../contexts/SettingsContext.js';
@@ -125,7 +124,6 @@ export const HistoryItemDisplay: React.FC<HistoryItemDisplayProps> = ({
tier={itemForDisplay.tier}
/>
)}
{itemForDisplay.type === 'colors' && <ColorsDisplay />}
{itemForDisplay.type === 'help' && commands && (
<Help commands={commands} />
)}