Enhance tool options dropdowns to include icons for improved UI clarity
This commit is contained in:
@@ -4456,7 +4456,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{TOOL_OPTIONS.map(opt => (
|
{TOOL_OPTIONS.map(opt => (
|
||||||
<option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
|
<option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
@@ -4498,7 +4498,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
|
|||||||
>
|
>
|
||||||
<option value="">(None)</option>
|
<option value="">(None)</option>
|
||||||
{TOOL_OPTIONS.map(opt => (
|
{TOOL_OPTIONS.map(opt => (
|
||||||
<option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
|
<option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
@@ -4525,7 +4525,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
|
|||||||
>
|
>
|
||||||
<option value="">(None)</option>
|
<option value="">(None)</option>
|
||||||
{TOOL_OPTIONS.map(opt => (
|
{TOOL_OPTIONS.map(opt => (
|
||||||
<option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
|
<option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
@@ -4567,7 +4567,7 @@ function App({ container_id, imageStacks, autoCacheStack, annotationJson, viewer
|
|||||||
>
|
>
|
||||||
<option value="">(None)</option>
|
<option value="">(None)</option>
|
||||||
{TOOL_OPTIONS.map(opt => (
|
{TOOL_OPTIONS.map(opt => (
|
||||||
<option key={opt.value} value={opt.value} title={opt.label}>{opt.icon || opt.label}</option>
|
<option key={opt.value} value={opt.value} title={opt.label}>{`${opt.icon ? `${opt.icon} ` : ""}${opt.label}`}</option>
|
||||||
))}
|
))}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user