Browse Source

style: started styling properly the variable creation instances

Marcelo Vilas Boas Correa Filho 3 years ago
parent
commit
b6d0fa38ba
1 changed files with 22 additions and 10 deletions
  1. 22 10
      js/accessibleUI/modules/variables/variables-schemes.js

+ 22 - 10
js/accessibleUI/modules/variables/variables-schemes.js

@@ -81,16 +81,28 @@ export function htmlVariableScheme() {
   }
 
   return `<li id="variable<variableId>Li">
-        <form id="variable<variableId>Form">
-            <select name="tipo" title="tipo da variável" id="variable<variableId>Type" variable-id="<variableId>">
-                ${variableTypesHtml}
-            </select>
-            <input type="text" title="nome da variável" id="variable<variableId>Name" value="<variableName>" variable-id="<variableId>">
-            <label for="variable<variableId>Value" tabindex="0" tile="recebe">recebe</label>
-            <input type="${variableTypes[0].htmlType}" id ="variable<variableId>Value" title="valor da variável" value="0" variable-id="<variableId>">
-            <button id="variable<variableId>Delete" type="button" class="btn btn-danger">Excluir</button>
-        </form> 
-    </li>`;
+            <form id="variable<variableId>Form">
+              <div class="row">
+                <div class="col-2">
+                  <select name="tipo" class="form-control" title="tipo da variável" id="variable<variableId>Type" variable-id="<variableId>">
+                      ${variableTypesHtml}
+                  </select>
+                </div>
+                <div class="col-2">
+                  <input type="text" class="form-control" title="nome da variável" id="variable<variableId>Name" value="<variableName>" variable-id="<variableId>">
+                </div>
+                <div class="col-1 text-center my-auto" style="margin-bottom: 0px !important">
+                  <label for="variable<variableId>Value" tabindex="0" tile="recebe">recebe</label>
+                </div>
+                <div class="col-2">
+                  <input type="${variableTypes[0].htmlType}" class="form-control" id ="variable<variableId>Value" title="valor da variável" value="0" variable-id="<variableId>">
+                </div>
+                <div class="col-1">
+                  <button id="variable<variableId>Delete" type="button" class="btn btn-danger">Excluir</button>
+                </div>
+              </div>
+            </form> 
+          </li>`;
 }
 
 // *********************************************************************************