Added a max-width for the sequence editor tooltips

NASA-AMMOS · Jul 17, 2024 · 55bc3ad · 55bc3ad
1 parent 72d94ac
commit 55bc3ad
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/sequencing/ArgumentTooltip.svelte b/src/components/sequencing/ArgumentTooltip.svelte
@@ -15,7 +15,7 @@
   }
 </script>
 
-<div class="argument-tooltip">
+<div class="sequence-tooltip">
   <div class="container">
     Name: {arg.name}
     <br />

diff --git a/src/components/sequencing/CommandTooltip.svelte b/src/components/sequencing/CommandTooltip.svelte
@@ -21,7 +21,7 @@
   }
 </script>
 
-<div class="command-tooltip st-typography-body">
+<div class="sequence-tooltip st-typography-body">
   <div class="container command-name">
     {commandExample}
   </div>

diff --git a/src/css/tooltip.css b/src/css/tooltip.css
@@ -1,3 +1,7 @@
+.sequence-tooltip {
+  max-width: 50rem;
+}
+
 .tooltip {
   background-color: rgba(0, 0, 0, 0.8);
   border-radius: 4px;