Merge pull request #1715 from Princeton-CDH/bugfix/1698-alignment-rev…

…isions Improve alignment behavior in editor (#1698)
Princeton-CDH · Jan 9, 2025 · d15759c · d15759c
2 parents 9ed7b1b + 50ab824
commit d15759c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/sitemedia/js/controllers/ittpanel_controller.js b/sitemedia/js/controllers/ittpanel_controller.js
@@ -32,6 +32,11 @@ export default class extends Controller {
         }
         // on resize, retrigger alignment
         window.addEventListener("resize", this.boundResizeHandler);
+        // a bit hacky; on annotation load, short wait for elements to be created, then align
+        // (this is only used in editor environment)
+        document.addEventListener("annotations-loaded", () =>
+            setTimeout(this.boundResizeHandler, 50)
+        );
     }
 
     disconnect() {

diff --git a/sitemedia/scss/components/_transcription.scss b/sitemedia/scss/components/_transcription.scss
@@ -1468,13 +1468,13 @@
 
     &[dir="ltr"] {
         li {
-            margin-left: 1.5em;
+            margin-left: 1.6em;
             padding-left: 1em; /* shift to make space for line numbers */
         }
         p {
             // match alignment of list items
             margin-left: 1em;
-            padding-left: 1.5em;
+            padding-left: 1.6em;
         }
         li > p {
             // if inside a list item, don't pad <p>