started noNesting fixes

Author: keliphan

src/components/HomeQueue.vue

@@ -14,6 +14,9 @@
       @end="drag = false"
     >
       <div :class="activeHTML === element[2] ? 'list-group-item-selected' : 'list-group-item'" @dblclick.self="setActiveElement(element)" v-for="(element) in renderList" :key="element[1] + Date.now()">
+        <!-- <i class="fas fa fa-angle-double-down fa-md" @click="setLayer({text: element[0], id: element[2]})"></i> -->
+        <!-- <i v-if='activeComponent !== "" && (element[0] !== "img" && element[0] !== "link")' class="fas fa fa-angle-double-down fa-md" id="noNesting" @click="setLayer({text: element[0], id: element[2]})"></i> -->
+        <!-- <i v-else class="fas fa fa-angle-double-down fa-md" @click="setLayer({text: element[0], id: element[2]})"></i> -->
         <i class="fas fa fa-angle-double-down fa-md" @click="setLayer({text: element[0], id: element[2]})"></i>
         {{ element[0] }}
         <i class="fas fa fa-trash fa-md" @click.self="deleteElement([element[1],element[2]])"></i>
@@ -150,7 +153,7 @@ li {
 .list-group-item {
   display: inline-block;
   margin: 2px 1.5%;
-  min-width: 145px;
+  min-width: 175px;
   width: 30%;
   border-radius: 0.5cm;
   border: 2px solid $secondary;
@@ -160,37 +163,10 @@ li {
   text-align: center;
 }
 
-@media (max-width: 900px) {
-  .list-group-item {
-    display: inline-block;
-    margin: 2px 1.5%;
-    width: 45%;
-    border-radius: 0.5cm;
-    border: 2px solid $secondary;
-    background-color: $secondary;
-    height: 35px;
-    padding-top: 6px;
-    text-align: center;
-  }
-}
-
-@media (max-width: 700px) {
-  .list-group-item {
-    display: inline-block;
-    margin: 2px 1.5%;
-    width: 90%;
-    border-radius: 0.5cm;
-    border: 2px solid $secondary;
-    background-color: $secondary;
-    height: 35px;
-    padding-top: 6px;
-    text-align: center;
-  }
-}
-
 .list-group-item-selected {
   display: inline-block;
   margin: 2px 1.5%;
+  min-width: 175px;
   width: 30%;
   border-radius: 0.5cm;
   border: 2px solid white;
@@ -200,35 +176,6 @@ li {
   text-align: center;
 }
 
-@media (max-width: 900px) {
-  .list-group-item-selected {
-  display: inline-block;
-  margin: 2px 1.5%;
-  width: 45%;
-  border-radius: 0.5cm;
-  border: 2px solid white;
-  background-color: $secondary;
-  height: 35px;
-  padding-top: 6px;
-  text-align: center;
-  }
-}
-
-@media (max-width: 700px) {
-  .list-group-item-selected {
-  display: inline-block;
-  margin: 2px 1.5%;
-  width: 90%;
-  border-radius: 0.5cm;
-  border: 2px solid white;
-  background-color: $secondary;
-  height: 35px;
-  padding-top: 6px;
-  text-align: center;
-  }
-}
-
-
 .fa-trash:hover {
   cursor: pointer;
   color: red;

src/layouts/MyLayout.vue

@@ -141,4 +141,8 @@ export default {
   background: $subprimary;
   // background: #272822;
 }
+
+// ::-webkit-scrollbar {
+//   display: none;
+//   }
 </style>