diff --git a/nuxt/components/content/AgentSetupTabs.vue b/nuxt/components/content/AgentSetupTabs.vue index f28a383f12..df80dc2063 100644 --- a/nuxt/components/content/AgentSetupTabs.vue +++ b/nuxt/components/content/AgentSetupTabs.vue @@ -178,7 +178,7 @@ function selectClient (id: string) {
- +
diff --git a/nuxt/components/content/FfCommand.vue b/nuxt/components/content/FfCommand.vue index 18ba22b849..12e80b60a2 100644 --- a/nuxt/components/content/FfCommand.vue +++ b/nuxt/components/content/FfCommand.vue @@ -22,7 +22,13 @@ const props = withDefaults(defineProps<{ // default: the docs say "substitute your own platform address" in prose, and a // self-hosted reader otherwise copies an address that is not theirs. hostSwap?: boolean -}>(), { event: undefined, position: undefined, stacked: false, hostSwap: false }) + // Lets the block wrap instead of holding one line. The stacked block keeps an + // address on a single line on purpose, because a wrapped address is harder to + // read than one you scroll. A sentence is the opposite: nowrap sizes the block + // to the whole sentence, which pushes it out of its column and past the edge of + // the card. Stated per use rather than guessed from the content's length. + wrap?: boolean +}>(), { event: undefined, position: undefined, stacked: false, hostSwap: false, wrap: false }) const capture = useCapture() const copied = ref(false) @@ -162,7 +168,7 @@ onUnmounted(() => clearTimeout(resetTimer)) -
+
{{ shownCommand }} diff --git a/src/css/style.css b/src/css/style.css index 08c42f18c6..f7578779b4 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -522,6 +522,21 @@ dl.message-properties > dd { @apply rounded-lg p-4; } +/* A sentence, not an address. The stacked block holds one line on purpose, which is + right for something you read left to right and paste. For a prompt it is wrong + twice over: nowrap sizes the block to the whole sentence, so it pushes out of its + column and past the card's edge, and the half you cannot see is the half that + tells you what the prompt does. + + word-break goes back to normal, overriding the base rule's break-all, so words + stay whole; overflow-wrap lets the address break if it has to. */ +.ff-command--stacked.ff-command--wrap .ff-command__text { + white-space: pre-wrap; + overflow-x: visible; + word-break: normal; + overflow-wrap: anywhere; +} + /* Self-hosted address control. Under the block, not inside it: the block is what you copy, and this changes what that is. Closed by default as a single line of link text, because most readers are on Cloud and the address is already right for them. */