From e944aab7f1a7546a87b19371b7732e868eae5a6b Mon Sep 17 00:00:00 2001
From: TrongDaoTrung1108 <daotrungtrong1108@gmail.com>
Date: Tue, 16 Jun 2020 00:02:32 +0700
Subject: [PATCH]  adapt the third window

---
 app/escriptorium/static/css/escriptorium.css            | 8 ++++++--
 app/escriptorium/templates/core/document_part_edit.html | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/escriptorium/static/css/escriptorium.css b/app/escriptorium/static/css/escriptorium.css
index c62f0c4e..707369a5 100644
--- a/app/escriptorium/static/css/escriptorium.css
+++ b/app/escriptorium/static/css/escriptorium.css
@@ -480,7 +480,7 @@ i.panel-icon {
 } 
 
 #trans-input {
-width: 70px;
+width: 50px;
 height: 300px;
 margin: 5px;
 text-align: center; 
@@ -534,6 +534,9 @@ text-align: center;
     position: absolute;
 }
 
+#rotate_text {
+    rotate: -90 ;
+}
 .trans-box {
     position: absolute !important;
     background-color: transparent;
@@ -593,4 +596,5 @@ text-align: center;
 .arrange-horizontally > * {
     display: inline-block;
     text-align: center;    
-}
\ No newline at end of file
+}
+
diff --git a/app/escriptorium/templates/core/document_part_edit.html b/app/escriptorium/templates/core/document_part_edit.html
index fe89c886..0b148572 100644
--- a/app/escriptorium/templates/core/document_part_edit.html
+++ b/app/escriptorium/templates/core/document_part_edit.html
@@ -347,7 +347,9 @@
                                           lengthAdjust="spacingAndGlyphs">
                                         <textPath v-bind:href="'#' + textPathId"
                                                   v-if="line.currentTrans">
-                                            ${line.currentTrans.content}
+                                            <tspan rotate= "-90">
+                                                ${line.currentTrans.content}
+                                            </tspan>
                                         </textPath>
                                     </text>
                                 </g>
-- 
GitLab