Add a guide link on edge overlays

PiperOrigin-RevId: 688236234
google-ai-edge · Oct 21, 2024 · d17cce7 · d17cce7
1 parent 132f6d2
commit d17cce7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/ui/src/components/visualizer/edge_overlays_dropdown.ng.html b/src/ui/src/components/visualizer/edge_overlays_dropdown.ng.html
@@ -40,8 +40,14 @@
   <div class="model-explorer-edge-overlays-popup">
     <div class="label">
       <div>Edge overlays</div>
-      <div class="icon-container close" bubbleClose>
-        <mat-icon>close</mat-icon>
+      <div class="right-wrapper">
+        <a href="https://github.com/google-ai-edge/model-explorer/wiki/2.-User-Guide#edge-overlays"
+            target="_blank">
+          Guide
+        </a>
+        <div class="icon-container close" bubbleClose>
+          <mat-icon>close</mat-icon>
+        </div>
       </div>
     </div>
 

diff --git a/src/ui/src/components/visualizer/edge_overlays_dropdown.scss b/src/ui/src/components/visualizer/edge_overlays_dropdown.scss
@@ -83,6 +83,12 @@
     &:not(:first-child) {
       margin-top: 12px;
     }
+
+    .right-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
   }
 
   .loaded-overlays-container {