Merge pull request #8 from oslabs-beta/html_display

File Structure Update

Author: codeByCandlelight

src/components/ComponentDisplay.vue

@@ -33,17 +33,17 @@ Description:
       <div class="component-title">
         <p>{{ componentData.componentName }}</p>
       </div>
-      <div class="component-html-info">
-        <p>Elements in Component:</p>
-        <p
-          class="list-of-elements"
+      <!-- <div class="component-html-info"> -->
+        <!-- <p>Elements in Component:</p> -->
+        <!-- <p
+          class="component-html-info"
           v-for="htmlElement in componentMap[componentData.componentName]
             .htmlList"
           :key="htmlElement"
         >
            {{  htmlElement.text  }}
-        </p>
-      </div>
+        </p> -->
+      <!-- </div> -->
       <q-menu context-menu>
         <q-list color="black" class="menu">
           <q-item clickable v-ripple v-close-popup @click="handleAddChild">
@@ -405,19 +405,10 @@ export default {
   line-height: 1.2;
   z-index: -1;
 }
-/* .component-html-info {
-  position: relative;
-  font-size: 16px;
-  top: -18px;
-  left: 2px;
-  color: black;
-  -webkit-text-stroke: 0.4px white;
-  font-weight: 800;
-  line-height: 1.2;
-  z-index: -1;
-} */
+
 .component-html-info {
     display: flex;
+    font-size: 14px;
     /* flex-basis: auto; */
     flex-direction: column;
     /* flex-wrap: wrap; */
@@ -496,4 +487,4 @@ export default {
 #counter {
   margin-top: 20px;
 }
-</style>
+</style>

src/components/HomeSideDropDown.vue

@@ -1,8 +1,7 @@
 <!--
 Description:
-  Displays dropdown for Components, Routes, and Vuex
-  Functionality includes: N/A
-  -->
+  Displays dropdown for Components, Routes, and Vuex in Home Sidebar
+-->
 
 <template>
   <div class="q-pa-md" style="max-width: 350px">
@@ -16,7 +15,7 @@ Description:
       </q-expansion-item>
       <q-expansion-item dense dense-toggle expand-separator label="Routes">
         <q-card>
-          <div class="input-container" style='height: 150px'>
+          <div class="input-container" style="height: 150px">
             <RouteDisplay />
             <br />
           </div>
@@ -37,31 +36,31 @@ Description:
 
 <script>
 import RouteDisplay from '../components/RouteDisplay'
-import ComponentList from './HomeSideDropDownItems/ComponentList'
-import VuexForm from './HomeSideDropDownItems/VuexForm'
+import ComponentList from './home_sidebar_items/ComponentList'
+import VuexForm from './home_sidebar_items/VuexForm'
 
 export default {
   components: {
     RouteDisplay,
     VuexForm,
     ComponentList
-  }
 }
+ }
 </script>
 
 <style lang="stylus">
 
-.input-add {
-  margin: 0em 1em 0em 1em;
-}
+ .input-add {
+   margin: 0em 1em 0em 1em;
+ }
 
 .input-container {
-  margin-top: 1rem;
-  background: $subsecondary;
-  overflow-y: auto;
-}
+   margin-top: 1rem;
+   background: $subsecondary;
+   overflow-y: auto;
+ }
 
 .red {
-  background: red;
-}
+   background: red;
+ }
 </style>

src/components/HomeSideDropDownItems/ComponentList.vue renamed to src/components/home_sidebar_items/ComponentList.vue

@@ -3,7 +3,7 @@ Description:
   Is not imported in current version of OverVue
   Functionality includes: N/A
   -->
-
+<!--
 <template>
   <div id="child-select">
     <br />

src/components/HomeSideDropDownItems/VuexForm.vue renamed to src/components/home_sidebar_items/VuexForm.vue

@@ -3,7 +3,7 @@ Description:
   Is not imported in current version of OverVue
   Functionality includes: N/A
   -->
-
+<!--
 <template>
   <div>
     <p class="panel-heading">Selected Elements</p>

src/components/ChildrenMultiselect.vue renamed to src/components/unused_features/ChildrenMultiselect.vue

@@ -3,7 +3,7 @@ Description:
   Is not imported in current version of OverVue
   Functionality includes: N/A
   -->
-
+<!--
 <template>
   <div class="home-sidebar">
     <q-btn-group>