New Crowdin updates

bs-templates/templates/event-form/style.scss

@@ -1,6 +1,5 @@
 @import "social-shares";
 @import "references";
-@import "registration";
 @import "timings-picker";
 @import "contribution-info";
 @import "legacy-age";

bs-templates/templates/form-components/_keywords.ejs

@@ -9,32 +9,32 @@
       <div class="multi-input">
         <div class="react-tagsinput">
           <span>
-      <span class="react-tagsinput-tag">
-        <span>concert</span>
-          <a class="react-tagsinput-remove"></a>
-          </span>
-          <span class="react-tagsinput-tag">
-        <span>musique</span>
-          <a class="react-tagsinput-remove"></a>
-          </span>
-          <span class="react-tagsinput-tag">
-        <span>son</span>
-          <a class="react-tagsinput-remove"></a>
-          </span>
-          <input type="text" class="react-tagsinput-input" placeholder="">
+            <span class="react-tagsinput-tag">
+              <span>concert</span>
+              <a class="react-tagsinput-remove"></a>
+            </span><!--
+            --><span class="react-tagsinput-tag">
+              <span>musique</span>
+              <a class="react-tagsinput-remove"></a>
+            </span><!--
+            --><span class="react-tagsinput-tag">
+              <span>son</span>
+              <a class="react-tagsinput-remove"></a>
+            </span>
+            <input type="text" class="react-tagsinput-input" placeholder="">
           </span>
         </div>
         <span class="field-counter">234</span>
       </div>
     </li>
     <li class="lang-unit">
       <label>en</label>
-      <div class="multi-input">
-        <div class="react-tagsinput">
-          <span>
-      <span class="react-tagsinput-tag"><span>concert</span><a class="react-tagsinput-remove"></a></span>
-          <span class="react-tagsinput-tag"><span>music</span><a class="react-tagsinput-remove"></a></span>
-          <span class="react-tagsinput-tag"><span>sound</span><a class="react-tagsinput-remove"></a></span>
+      <div class="multi-input"><!--
+      --><div class="react-tagsinput"><!--
+        --><span><!--
+            --><span class="react-tagsinput-tag"><span>concert</span><a class="react-tagsinput-remove"></a></span><!--
+          --><span class="react-tagsinput-tag"><span>music</span><a class="react-tagsinput-remove"></a></span><!--
+          --><span class="react-tagsinput-tag"><span>sound</span><a class="react-tagsinput-remove"></a></span>
           <input type="text" class="react-tagsinput-input" placeholder="">
           </span>
         </div>
@@ -46,9 +46,9 @@
       <div class="multi-input">
         <div class="react-tagsinput">
           <span>
-      <span class="react-tagsinput-tag"><span>concierto</span><a class="react-tagsinput-remove"></a></span>
-          <span class="react-tagsinput-tag"><span>musica</span><a class="react-tagsinput-remove"></a></span>
-          <span class="react-tagsinput-tag"><span>sonido</span><a class="react-tagsinput-remove"></a></span>
+      <span class="react-tagsinput-tag"><span>concierto</span><a class="react-tagsinput-remove"></a></span><!--
+          --><span class="react-tagsinput-tag"><span>musica</span><a class="react-tagsinput-remove"></a></span><!--
+          --><span class="react-tagsinput-tag"><span>sonido</span><a class="react-tagsinput-remove"></a></span>
           <input type="text" class="react-tagsinput-input" placeholder="">
           </span>
         </div>

bs-templates/templates/form-components/_multi-input-field.ejs

@@ -1,22 +1,29 @@
-<div class="multi-input" >
+<div class="multi-input">
   <label >Liens additionels</label>
   <div class="react-tagsinput" >
     <span>
       <span class="react-tagsinput-tag">
         <i class="fa fa-link" ></i>
         <span >https://openagenda.com</span>
         <a></a>
-      </span>
-      <span class="react-tagsinput-tag">
-        <i class="fa fa-link"></i>
-        <span>https://www.twitter.com</span>
-        <a></a>
-      </span>
-      <span class="react-tagsinput-tag error">
+      </span><!--
+      --><button type="button" class="react-tagsinput-tag error">
         <i class="fa fa-exclamation-circle"></i>
-        <span>fdqfdq</span>
-        <a></a>
-      </span>
+        <span>Invalid input</span>
+        <strong>×</strong>
+      </button>
+      <input type="text" value="" disabled/></span>
+    </div>
+    <span class="sub" >Ajoutez des liens facebook, twitter ou tout autre lien relatif au lieu</span>
+    <div class="alternatives">
+    <ul></ul>
+  </div>
+</div>
+
+<div class="multi-input">
+  <label >Liens additionels</label>
+  <div class="react-tagsinput" >
+    <span>
       <input type="text" value="" disabled/></span>
     </div>
     <span class="sub" >Ajoutez des liens facebook, twitter ou tout autre lien relatif au lieu</span>

bs-templates/templates/form-components/_multi-input-field.scss

@@ -25,16 +25,24 @@
     border: 1px solid $oa-gray-light;
     border-radius: 4px;
     overflow: hidden;
-    padding-left: 5px;
-    padding-top: 5px;
+    padding-left: 3px;
+    padding-top: 3px;
 
     input {
       border: none;
       outline: none;
-      padding: 0.4em;
+      min-height: 24px;
+      margin-bottom: 6px;
     }
 
     .react-tagsinput-tag {
+      cursor: pointer;
+      margin-right: 3px;
+      padding: 3px;
+
+      strong {
+        margin-left: 4px;
+      }
 
       span, i {
 
@@ -51,11 +59,16 @@
       a::before {
         color: $oa-white;
         content: " x";
-        cursor: pointer;
+      }
+
+      button {
+        background-color: transparent;
+        border: 0;
+        font-weight: bold;
       }
 
       i {
-        padding: 0 0.4em 0 0.2em;
+        padding: 0 0.2em;
       }
 
       background-color: $oa-blue;
@@ -66,9 +79,7 @@
       font-family: sans-serif;
       font-size: 13px;
       font-weight: 400;
-      margin-bottom: 5px;
-      margin-right: 5px;
-      padding: 5px;
+      margin-bottom: 3px;
 
       &.error {
 
@@ -90,6 +101,22 @@
 
       }
 
+      &:hover {
+        background-color: $oa-white;
+        border-color: $oa-red;
+        color: $oa-red;
+        span, i, a::before, button {
+          color: $oa-red;
+        }
+        &.error {
+          color: $oa-white;
+          background-color: $oa-red;
+          span, i, a::before, button {
+            color: $oa-white;
+          }
+        }
+      }
+
     }
 
     .react-tagsinput-remove {
@@ -99,33 +126,6 @@
 
     }
 
-    .react-tagsinput-input {
-
-      background: transparent;
-      border: 0;
-      color: #777;
-      font-family: sans-serif;
-      font-size: 13px;
-      font-weight: 400;
-      margin-bottom: 6px;
-      margin-top: 1px;
-      outline: none;
-      padding: 5px;
-      width: 80px;
-
-      &::-webkit-input-placeholder {
-          color: $input-color-placeholder;
-      }
-      &::-moz-placeholder {
-         color: $input-color-placeholder;
-         opacity:  1;
-      }
-      &:-ms-input-placeholder {
-         color: $input-color-placeholder;
-      }
-
-    }
-
   }
 
 }