client/svg-input: rewrite using width:auto, no more measure hack (Fix #338)

Source for inspiration / copying:

http://jsfiddle.net/brx3xm59/

http://stackoverflow.com/questions/9308938/inline-text-editing-in-svg

comment 2 by John Ktejik

2 files changed, 15 insertions, 0 deletions

diff --git a/res/client/css/by-view/graph-view.scss b/res/client/css/by-view/graph-view.scss
index f7729906..bb456716 100644
--- a/res/client/css/by-view/graph-view.scss
+++ b/res/client/css/by-view/graph-view.scss
@@ -222,3 +222,12 @@
 #graph-view__canvas {
     height: inherit; // inherit from container which should be set to 100%
 }
+
+.insideforeign {
+    display: inline;
+}
+
+// TODO: right to left language
+.foreign {
+    text-align: left;
+}
diff --git a/res/client/css/style.css b/res/client/css/style.css
index efc0d8b5..17fcc1b6 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -861,6 +861,12 @@ p {
 #graph-view__canvas {
   height: inherit; }
 
+.insideforeign {
+  display: inline; }
+
+.foreign {
+  text-align: left; }
+
 .welcome-box {
   margin-left: auto;
   margin-right: auto;