]> _ Git - fluidbook-html5.git/commitdiff
wait #4296 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 24 Feb 2021 11:00:16 +0000 (12:00 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Wed, 24 Feb 2021 11:00:16 +0000 (12:00 +0100)
js/libs/fluidbook/cart/fluidbook.cart.grandvision.js
style/cart/grandvision.less

index 929d382d7a6737dbebc9c2b4840939cb1e990096..bbe7054d3875a7bf95d06ff61a9185222d5fe1ab 100644 (file)
@@ -94,12 +94,13 @@ FluidbookCartGrandVision.prototype = {
         });
 
         $(document).on('change', '#grandvision-boxes textarea', function () {
+            $(this).parent.find('p').text($(this).val());
             $this.save();
         });
     },
 
     getTextarea: function (text) {
-        return '<div class="text"><textarea placeholder="Type your text here ...">' + text + '</textarea><a href="#" data-cart-delete>' + getSpriteIcon('interface-close') + '</a></div>'
+        return '<div class="text"><p>' + text + '</p><textarea placeholder="Type your text here ...">' + text + '</textarea><a href="#" data-cart-delete>' + getSpriteIcon('interface-close') + '</a></div>'
     },
 
     getExportFileName: function () {
index 5e9cd6722896ef1226cbe2eec8880726bc7326fa..bd114ecf8b105f45b7d14cbef7c20d8746a970bf 100644 (file)
             padding: 15px;
             white-space: normal;
 
+            p{
+              display: none;
+            }
+
             [data-cart-delete] {
               display: none;
             }
             textarea {
               font-family: @font;
               text-align: center;
-
+              color:#000;
               font-size: 15px;
               border: 0;
               width: 100%;
 
       .text {
         padding: 0.25cm;
-        textarea {
+        textarea{
+          display: none;
+        }
+        p {
+          display: block;
           border: 0;
           font-family: @font;
           font-size: 0.5cm;
           resize: none;
           width: 100%;
           height: 100%;
+          color:#000;
+          background-color: #fff;
         }
       }