acumplido commited on
Commit
d3dc2b1
1 Parent(s): bd3a9ca

Style translation box so only last two lines are visible

Browse files

- Apply non-visible scrolling
- Inverse flex direction so last two text lines stay fixed to the bottom of the box

streaming-react-app/src/StreamingInterface.css CHANGED
@@ -54,3 +54,12 @@
54
  .text-chunk-sra {
55
  margin-bottom: 12px;
56
  }
 
 
 
 
 
 
 
 
 
 
54
  .text-chunk-sra {
55
  margin-bottom: 12px;
56
  }
57
+
58
+ .translation-text-container-sra div:nth-child(2) {
59
+ max-height: 4.68rem;
60
+ overflow: hidden;
61
+ white-space: pre-line;
62
+ display: flex;
63
+ flex-direction: column-reverse;
64
+ }
65
+