fixed bug of opening html attribute editing menu for children of html elements, also added %, to html element attributes in the code snippet

Author: JaceCrowe

src/components/left-sidebar/ComponentTab/InputHTMLMenu.vue

@@ -142,6 +142,7 @@ export default {
       'clearActiveHTML'
       ]),
     submitClass(element, idNum) {
+      console.log(this.activeLayer)
       if (element === '') {
         return;
       }

src/components/left-sidebar/ComponentTab/UpdateMenu.vue

@@ -64,7 +64,7 @@ Description:
           </div>
           <br />
         </q-expansion-item>
-        <InputHTMLMenu v-model="attributeModal" v-if="attributeModal === true" class="htmlElement-selected"/>
+        <InputHTMLMenu v-model="attributeModal" v-if="attributeModal === true && this.activeLayer.lineage.length === 0" class="htmlElement-selected"/>
         <q-expansion-item group="accordion" label="HTML Attributes">
           <AttributesSubMenu />
         </q-expansion-item>
@@ -168,6 +168,7 @@ export default {
       "activeRoute",
       "activeComponent",
       "activeHTML",
+      "activeLayer",
       "activeComponentObj",
       "componentMap",
       "exportAsTypescript",

src/components/right-sidebar/CodeSnippet.vue

@@ -256,11 +256,10 @@ z-index: ${this.activeComponentObj.z};
 }\n`
       }
 
-    console.log(htmlArray)
       for (const html of htmlArray) {
         if (html.class === ' ') styleString = "";
         if (html.class) {
-          styleString += `.${html.class} {\n height: ${html.h} \n width: ${html.w} \n  top: ${html.x} \n left: ${html.y} \n z-index: ${html.z}
+          styleString += `.${html.class} {\n height: ${html.h}%, \n width: ${html.w}%, \n  top: ${html.x}%, \n left: ${html.y}%, \n z-index: ${html.z}
 }\n`
         }
       }