style(#4): fix annotation description edit box behaviour

TDT4290-group-4 · Oct 23, 2025 · fa8725e · fa8725e
1 parent 30a89bc
commit fa8725e
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/AnnotationControl/annotationPanel.css b/src/AnnotationControl/annotationPanel.css
@@ -21,6 +21,27 @@ img.button-icon[src$='/annotation.svg'] {
 
 .annotation-edit-textarea {
   width: 100%;
+  box-sizing: border-box;
+  max-width: 100%;
+  display: block;
+  padding: 8px;
+  border-radius: 4px;
+  border: 1px solid #404a50;
+  background: #2f383d;
+  color: #cfd5d8;
+  font-family: inherit;
+  font-size: 12px;
+  line-height: 1.3;
+  white-space: pre-wrap;
+  overflow: auto;
+  /* Only allow vertical resizing so user can't drag the box horizontally
+     out of the gray container. */
+  resize: vertical;
+  max-height: 40vh;
+}
+
+.annotation-row .annotation-edit-textarea {
+  margin-top: 6px;
 }
 
 .annotation-add-button {

diff --git a/src/AnnotationControl/annotationPanel.js b/src/AnnotationControl/annotationPanel.js
@@ -138,7 +138,6 @@ export function initAnnotationsPanel(viewer) {
     }
   }
 
-
   /**
    * Find the live annotation object in the viewer.scene by UUID.
    *
@@ -743,7 +742,6 @@ export function initAnnotationsPanel(viewer) {
       ta.select()
     } catch (e) {}
 
-
     /**
      * Finish editing the description textarea.
      *
-Original file line number
+Diff line change
@@ Expand Up / @@ -138,7 +138,6 @@ export function initAnnotationsPanel(viewer) { @@
         }
       }
       /**
        * Find the live annotation object in the viewer.scene by UUID.
        *
@@ Expand Down Expand Up / @@ -743,7 +742,6 @@ export function initAnnotationsPanel(viewer) { @@
           ta.select()
         } catch (e) {}
         /**
          * Finish editing the description textarea.
          *
@@ Expand Down @@