Changeset 35270 for main/trunk/model-interfaces-dev/atea/style

Timestamp:

2021-08-09T16:25:32+12:00 (3 years ago)

Author:

davidb

Message:

Add logic to split monospaced text across multiple lines by word boundary

File:

• main/trunk/model-interfaces-dev/atea/style/asr.css (modified) (6 diffs)

main/trunk/model-interfaces-dev/atea/style/asr.css

@@ -1 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@400;700&display=swap');
 
 /* === Start theme definitions === */
@@ -15 +15 @@
 
     --paper-color: #FCFCFC;
+
+    --monospace-font: 16px 'Roboto Mono', sans-serif;
 }
 
@@ -108 +110 @@
 }
 
+/* Material Design Icon sizes */
+
 .mdi-s {
     font-size: 18px;
@@ -123 +127 @@
     font-size: 48px;
 }
+
+/* Font sizes */
 
 .body1 {
@@ -156 +162 @@
 #audio-transcription-container {
     margin-top: 2em;
+}
+
+.monospace-font-size {
+    font: var(--monospace-font);
+    padding: 0;
+    position: absolute;
+    top: -100px;
 }
 
@@ -195 +208 @@
 .transcription__remove-button {
     order: 100;
+}
+
+.transcription__word-list {
+    font: var(--monospace-font);
 }