Update icons (#1032)

This commit is contained in:
pollfly 2025-02-09 19:36:21 +02:00 committed by GitHub
parent 9f2935fbbd
commit e99e033b06
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
9 changed files with 18 additions and 12 deletions

View File

@ -132,7 +132,7 @@ You can add labels which describe the whole frame, with no specific coordinates.
## Frame Metadata ## Frame Metadata
**To edit frame metadata:** **To edit frame metadata:**
1. Expand the **FRAME METADATA** area 1. Expand the **FRAMEGROUP METADATA** area
1. Click edit <img src="/docs/latest/icons/ico-metadata.svg" alt="edit metadata" className="icon size-md space-sm" /> 1. Click edit <img src="/docs/latest/icons/ico-metadata.svg" alt="edit metadata" className="icon size-md space-sm" />
which will open an editing window which will open an editing window
1. Modify the metadata dictionary in JSON format 1. Modify the metadata dictionary in JSON format

View File

@ -31,12 +31,12 @@ Use frame viewer controls to navigate between frames in a Hyper-Dataset Version,
|<img src="/docs/latest/icons/ico-revert.svg" alt="Reload frame icon" className="icon size-md space-sm" />|Reload the frame.| <img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> | |<img src="/docs/latest/icons/ico-revert.svg" alt="Reload frame icon" className="icon size-md space-sm" />|Reload the frame.| <img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> |
|<img src="/docs/latest/icons/ico-undo.svg" alt="Undo icon" className="icon size-md space-sm" />|Undo changes.|Ctrl + Z| |<img src="/docs/latest/icons/ico-undo.svg" alt="Undo icon" className="icon size-md space-sm" />|Undo changes.|Ctrl + Z|
|<img src="/docs/latest/icons/ico-redo.svg" alt="Redo icon" className="icon size-md space-sm" />|Redo changes.|Ctrl + Y| |<img src="/docs/latest/icons/ico-redo.svg" alt="Redo icon" className="icon size-md space-sm" />|Redo changes.|Ctrl + Y|
|<img src="/docs/latest/icons/ico-reset_1.svg" alt="Autofit icon" className="icon size-md space-sm" />|Autofit| <img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> | |<img src="/docs/latest/icons/ico-zoom-to-fit.svg" alt="Autofit icon" className="icon size-md space-sm" />|Autofit| <img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> |
|<img src="/docs/latest/icons/ico-zoom-1-to-1.svg" alt="Return to original size" className="icon size-md space-sm" />|View image in original size |<img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" />|
|<img src="/docs/latest/icons/ico-zoom-in.svg" alt="Zoom in icon" className="icon size-md space-sm" />|Zoom in| **+** or Ctrl + Mouse wheel| |<img src="/docs/latest/icons/ico-zoom-in.svg" alt="Zoom in icon" className="icon size-md space-sm" />|Zoom in| **+** or Ctrl + Mouse wheel|
|<img src="/docs/latest/icons/ico-zoom-out.svg" alt="Zoom out icon" className="icon size-md space-sm" />|Zoom out| **-** or Ctrl + Mouse wheel | |<img src="/docs/latest/icons/ico-zoom-out.svg" alt="Zoom out icon" className="icon size-md space-sm" />|Zoom out| **-** or Ctrl + Mouse wheel |
|Percentage textbox|Zoom percentage| <img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> | |Percentage textbox|Zoom percentage| <img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> |
|<img src="/docs/latest/icons/ico-shared-item.svg" alt="Copy URL" className="icon size-md space-sm" />| Copy frame URL. A direct link to view the current frame|<img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> | |<img src="/docs/latest/icons/ico-shared-item.svg" alt="Copy URL" className="icon size-md space-sm" />| Copy frame URL. A direct link to view the current frame|<img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> |
|<img src="/docs/latest/icons/ico-reset.svg" alt="Refresh" className="icon size-md space-sm" />|Refresh version preview|<img src="/docs/latest/icons/ico-optional-no.svg" alt="Not applicable" className="icon size-md center-md" /> |
#### Additional Keyboard Shortcuts #### Additional Keyboard Shortcuts
@ -226,7 +226,7 @@ You can add labels which describe the whole frame, with no specific coordinates.
## Frame Metadata ## Frame Metadata
**To edit frame metadata:** **To edit frame metadata:**
1. Expand the **FRAME METADATA** area 1. Expand the **FRAMEGROUP METADATA** area
1. Click edit <img src="/docs/latest/icons/ico-metadata.svg" alt="edit metadata" className="icon size-md space-sm" /> 1. Click edit <img src="/docs/latest/icons/ico-metadata.svg" alt="edit metadata" className="icon size-md space-sm" />
which will open an editing window which will open an editing window
1. Modify the metadata dictionary in JSON format 1. Modify the metadata dictionary in JSON format

View File

@ -317,7 +317,7 @@ The **Metadata** tab presents any additional metadata that has been attached to
**To edit a version's metadata,** **To edit a version's metadata,**
1. Hover over the metadata box and click on the **EDIT** button 1. Hover over the metadata box and click **EDIT**
1. Edit the section contents (JSON format) 1. Edit the section contents (JSON format)
1. Click **OK** 1. Click **OK**

View File

@ -101,7 +101,7 @@ The same information can be found in the batch action bar, in a tooltip that app
## Creating a Dataview ## Creating a Dataview
Create a Dataview by clicking the **+ NEW DATAVIEW** button at the top right of the table, which opens a Create a Dataview by clicking **+ NEW DATAVIEW**, which opens a
**NEW DATAVIEW** window. **NEW DATAVIEW** window.
![New Dataview window](../../img/webapp_dataview_new.png) ![New Dataview window](../../img/webapp_dataview_new.png)

View File

@ -24,9 +24,9 @@ tasks are highlighted. Obscure identical fields by switching on the `Hide Identi
The task on the left is used as the base task, to which the other tasks are compared. You can set a The task on the left is used as the base task, to which the other tasks are compared. You can set a
new base task new base task
in one of the following ways: in one of the following ways:
* Hover and click <img src="/docs/latest/icons/ico-switch-base.svg" alt="Switch base task" className="icon size-md space-sm" /> * Hover and click <img src="/docs/latest/icons/ico-arrow-from-right.svg" alt="Switch base task" className="icon size-md space-sm" />
on the task that will be the new base. on the task that will be the new base.
* Hover and click <img src="/docs/latest/icons/ico-pan.svg" alt="Pan icon" className="icon size-md space-sm" /> on the new base task and drag it all the way to the left * Hover and click <img src="/docs/latest/icons/ico-drag.svg" alt="Pan icon" className="icon size-md space-sm" /> on the new base task and drag it all the way to the left
![Dataview comparison](../../img/hyperdatasets/web-app/compare_dataviews.png) ![Dataview comparison](../../img/hyperdatasets/web-app/compare_dataviews.png)

View File

@ -78,8 +78,8 @@ tasks' hyperparameter and their values.
The tasks are laid out in vertical cards, so each field is lined up side-by-side. The task on the The tasks are laid out in vertical cards, so each field is lined up side-by-side. The task on the
left is used as the base task, to which the other tasks are compared. You can set a new base task in left is used as the base task, to which the other tasks are compared. You can set a new base task in
one of the following ways: one of the following ways:
* Hover and click <img src="/docs/latest/icons/ico-switch-base.svg" alt="Switch base task" className="icon size-md space-sm" /> on the task that will be the new base. * Hover and click <img src="/docs/latest/icons/ico-arrow-from-right.svg" alt="Switch base task" className="icon size-md space-sm" /> on the task that will be the new base.
* Hover and click <img src="/docs/latest/icons/ico-pan.svg" alt="Pan" className="icon size-md space-sm" /> on the new base task and drag it all the way to the left * Hover and click <img src="/docs/latest/icons/ico-drag.svg" alt="Pan" className="icon size-md space-sm" /> on the new base task and drag it all the way to the left
The differences between the tasks are highlighted. Easily locate The differences between the tasks are highlighted. Easily locate
value differences by clicking click <img src="/docs/latest/icons/ico-previous-diff.svg" alt="Up arrow" className="icon size-md" /> value differences by clicking click <img src="/docs/latest/icons/ico-previous-diff.svg" alt="Up arrow" className="icon size-md" />

View File

@ -57,9 +57,9 @@ information is displayed in a column, so each field is lined up side-by-side.
The model on the left is used as the base model, to which the other models are compared. You can set a new base model The model on the left is used as the base model, to which the other models are compared. You can set a new base model
in one of the following ways: in one of the following ways:
* Hover and click <img src="/docs/latest/icons/ico-switch-base.svg" alt="Switch base task" className="icon size-md space-sm" /> * Hover and click <img src="/docs/latest/icons/ico-arrow-from-right.svg" alt="Switch base task" className="icon size-md space-sm" />
on the model that will be the new base. on the model that will be the new base.
* Hover and click <img src="/docs/latest/icons/ico-pan.svg" alt="Pan icon" className="icon size-md space-sm" /> on the new base model and drag it all the way to the left * Hover and click <img src="/docs/latest/icons/ico-drag.svg" alt="Pan icon" className="icon size-md space-sm" /> on the new base model and drag it all the way to the left
The differences between the models are highlighted. You can obscure identical fields by switching on the The differences between the models are highlighted. You can obscure identical fields by switching on the
**Hide Identical Fields** toggle. **Hide Identical Fields** toggle.

View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 6.00043V17.9408C22 18.2048 21.8946 18.458 21.7071 18.6447C21.5195 18.8314 21.2651 18.9363 20.9999 18.9363H19.9998C19.7346 18.9363 19.4802 18.8314 19.2926 18.6447C19.1051 18.458 18.9997 18.2048 18.9997 17.9408V5.99545C18.9997 5.73144 19.1051 5.47824 19.2926 5.29156C19.4802 5.10488 19.7346 5 19.9998 5H20.9999C21.2651 5 21.5195 5.10488 21.7071 5.29156C21.8946 5.47824 22 5.73144 22 5.99545M9.23969 5.26379L2.35999 11.2365C2.24749 11.3298 2.15694 11.4465 2.09473 11.5784C2.03253 11.7104 2.00019 11.8543 2 12C1.99981 12.1458 2.03177 12.2898 2.09363 12.4219C2.15549 12.554 2.24573 12.6709 2.35799 12.7645L9.23769 18.7372C9.39106 18.8714 9.58011 18.9587 9.78213 18.9886C9.98415 19.0184 10.1905 18.9895 10.3764 18.9054C10.5624 18.8213 10.7199 18.6855 10.8302 18.5144C10.9404 18.3433 10.9986 18.1441 10.9979 17.9408H10.9989V13.959H15.9994C16.2646 13.959 16.519 13.8542 16.7066 13.6675C16.8941 13.4808 16.9995 13.2276 16.9995 12.9636V10.9727C16.9995 10.7087 16.8941 10.4555 16.7066 10.2688C16.519 10.0821 16.2646 9.97724 15.9994 9.97724H10.9989V5.99545C10.9875 5.79776 10.9205 5.60723 10.8055 5.44566C10.6905 5.28409 10.5322 5.15798 10.3485 5.08176C10.1649 5.00555 9.96348 4.98229 9.76721 5.01466C9.57095 5.04702 9.3878 5.1337 9.23869 5.26479L9.23969 5.26379Z" fill="#8f9dc9"/>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 17H7V15H5V17ZM9 17H11V15H9V17ZM13 17H15V15H13V17ZM17 17H19V15H17V17ZM5 13H7V11H5V13ZM9 13H11V11H9V13ZM13 13H15V11H13V13ZM17 13H19V11H17V13ZM5 9H7V7H5V9ZM9 9H11V7H9V9ZM13 9H15V7H13V9ZM17 9H19V7H17V9Z" fill="#8f9dc9"/>
</svg>

After

Width:  |  Height:  |  Size: 332 B