From 02f41c1e5634554b51777658f6c0d858e66f9192 Mon Sep 17 00:00:00 2001 From: bduran <bryan.duran@jpl.nasa.gov> Date: Fri, 6 Dec 2024 09:22:52 -0800 Subject: [PATCH] handle long command stem overflow --- .../sequencing/CommandPanel/CommandDictionary.svelte | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/sequencing/CommandPanel/CommandDictionary.svelte b/src/components/sequencing/CommandPanel/CommandDictionary.svelte index 2ccf1531c2..20ef58a0c8 100644 --- a/src/components/sequencing/CommandPanel/CommandDictionary.svelte +++ b/src/components/sequencing/CommandPanel/CommandDictionary.svelte @@ -139,7 +139,7 @@ {#if commandResults.length > 0} {#each commandResults as commandResult} <div class="dictionary-result"> - <button class="st-button-link" on:click={() => onSelectCommandDefinition(commandResult)}> + <button class="st-button-link command-stem" on:click={() => onSelectCommandDefinition(commandResult)}> {commandResult.stem} </button> </div> @@ -278,6 +278,13 @@ font-style: italic; } + .command-stem { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .command-arguments { display: flex; flex-flow: column;