Use tw w-full

NASA-AMMOS · Jan 29, 2025 · 76d581c · 76d581c
1 parent 8792c1e
commit 76d581c
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 17 deletions.
diff --git a/src/components/model/ModelForm.svelte b/src/components/model/ModelForm.svelte
@@ -200,7 +200,7 @@
     </Input>
     <Input layout="inline">
       <label for="view">Default View</label>
-      <select name="view" class="st-select w-100" bind:value={viewId}>
+      <select name="view" class="st-select w-full" bind:value={viewId}>
         <option value={null}>None</option>
         {#each views as viewOption}
           <option value={viewOption.id}>{viewOption.name} (ID: {viewOption.id})</option>

diff --git a/src/components/sequencing/CommandPanel/CommandDictionary.svelte b/src/components/sequencing/CommandPanel/CommandDictionary.svelte
@@ -123,13 +123,13 @@
       <Input>
         <div class="search-icon" slot="left"><SearchIcon /></div>
         <input
-          class="st-input w-100"
+          class="st-input w-full"
           name="dictionary-search"
           placeholder={`Search ${searchFieldMap[searchField]}`}
           on:input={onSearch}
         />
       </Input>
-      <select bind:value={searchField} class="st-select w-100">
+      <select bind:value={searchField} class="st-select w-full">
         <option value={'command_name'}>Command name</option>
         <option value={'enum'}>Enum</option>
         <option value={'argument_name'}>Argument name</option>

diff --git a/src/components/sequencing/CommandPanel/SelectedCommand.svelte b/src/components/sequencing/CommandPanel/SelectedCommand.svelte
@@ -115,7 +115,7 @@
   {#if !!timeTagNode}
     <fieldset>
       <label class="label-row" for="timeTag">Time Tag</label>
-      <input class="st-input w-100" disabled name="timeTag" value={timeTagNode.text.trim()} />
+      <input class="st-input w-full" disabled name="timeTag" value={timeTagNode.text.trim()} />
     </fieldset>
   {/if}
   {#if !!commandNode}

diff --git a/src/components/sequencing/form/ArgTitle.svelte b/src/components/sequencing/form/ArgTitle.svelte
@@ -80,7 +80,7 @@
 </script>
 
 <Collapse headerHeight={24} padContent={false} {title} defaultExpanded={false}>
-  <div class="w-100 labeled-values" style="padding-bottom: 4px">
+  <div class="w-full labeled-values" style="padding-bottom: 4px">
     {#if formattedRange}
       <div>Range</div>
       <div>{formattedRange}</div>

diff --git a/src/components/timeline/form/TimelineEditor/ActivityFilterBuilder.svelte b/src/components/timeline/form/TimelineEditor/ActivityFilterBuilder.svelte
@@ -343,7 +343,7 @@
   }
 </script>
 
-<div bind:this={rootRef} class="w-100" style:display="grid">
+<div bind:this={rootRef} class="w-full" style:display="grid">
   <slot name="trigger" />
   {#if shown}
     <Draggable
@@ -394,7 +394,7 @@
                       autocomplete="off"
                       bind:this={manualInputRef}
                       name="manual-types-filter-input"
-                      class="st-input w-100 manual-types-filter-input"
+                      class="st-input w-full manual-types-filter-input"
                       placeholder="Select types"
                       bind:value={manualInputValue}
                       on:click={() => {
@@ -553,7 +553,7 @@
             </div>
             <Input>
               <div class="search-icon" slot="left"><SearchIcon /></div>
-              <input class="st-input w-100" placeholder="Filter types" bind:value={resultingTypesInputValue} />
+              <input class="st-input w-full" placeholder="Filter types" bind:value={resultingTypesInputValue} />
             </Input>
             <div class="resulting-types-list">
               {#each filteredMatchingTypes as type}

diff --git a/src/components/timeline/form/TimelineEditor/DynamicFilter.svelte b/src/components/timeline/form/TimelineEditor/DynamicFilter.svelte
@@ -214,7 +214,7 @@
       <input
         name="filter-value"
         aria-label="value"
-        class="st-input w-100"
+        class="st-input w-full"
         bind:value={currentValue}
         autocomplete="off"
       />
@@ -226,7 +226,7 @@
               value={currentValue[0]}
               name="filter-value-min"
               aria-label="value-min"
-              class="st-input w-100"
+              class="st-input w-full"
               type="number"
               on:input={event => onRangeInputChange(event, 'min')}
               autocomplete="off"
@@ -241,7 +241,7 @@
               value={currentValue[1]}
               name="filter-value-max"
               aria-label="value-max"
-              class="st-input w-100"
+              class="st-input w-full"
               type="number"
               on:input={event => onRangeInputChange(event, 'max')}
               autocomplete="off"
@@ -258,7 +258,7 @@
           name="filter-value"
           aria-label="value"
           bind:value={currentValue}
-          class="st-input w-100"
+          class="st-input w-full"
           type="number"
           autocomplete="off"
         />
@@ -272,7 +272,7 @@
           name="filter-value"
           aria-label="value"
           bind:value={currentValue}
-          class="st-input w-100"
+          class="st-input w-full"
           type="number"
           autocomplete="off"
         />
@@ -281,7 +281,7 @@
         </div>
       </Input>
     {:else if currentType === 'boolean'}
-      <select name="filter-value" aria-label="value" class="st-select w-100" bind:value={currentValue}>
+      <select name="filter-value" aria-label="value" class="st-select w-full" bind:value={currentValue}>
         <option value={true}>True</option>
         <option value={false}>False</option>
       </select>

diff --git a/src/components/timeline/form/TimelineEditor/TimelineLayerEditor.svelte b/src/components/timeline/form/TimelineEditor/TimelineLayerEditor.svelte
@@ -136,7 +136,7 @@
           aria-label="Toggle activity filter builder modal"
           slot="trigger"
           on:click|stopPropagation={toggleFilterMenu}
-          class="st-button icon w-100"
+          class="st-button icon w-full"
           style:position="relative"
           use:tooltip={{
             content: `Filter Activities${filterCount > 0 ? ` (${filterCount} applied)` : ''}`,
@@ -162,7 +162,7 @@
         selectedOptionLabel={layer.name}
         selectTooltip={layer.filter.resource || 'Select Resource'}
         showPlaceholderOption={false}
-        className="w-100"
+        className="w-full"
         placeholder="Select Resource"
         searchPlaceholder="Filter resources"
         selectedOptionValues={layer.filter.resource ? [layer.filter.resource] : []}
@@ -176,7 +176,7 @@
         allowMultiple
         selectedOptionLabel={layer.name}
         showPlaceholderOption={false}
-        className="w-100"
+        className="w-full"
         placeholder="Select Event Types"
         selectTooltip="Select Event Types"
         searchPlaceholder="Filter event types"