welcome_css 0.60 → 0.63

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0b7cf4cb70750057f8a253dc8e56c32951369e18ea45119ae58a828c4ee5f9c1
-  data.tar.gz: abd1c9dedc69b6bda4da040878d715596ed077749357179d2d21249aaac0e981
+  metadata.gz: 67754d2ecc1c20ca43fd8f132ea58088108da46767fb5091cdd76c62e9bd8a7e
+  data.tar.gz: e6adc5aa05f49a1475b1eec6bd209777c5ade42e7ca3ea98f279e925ddcfc93a
 SHA512:
-  metadata.gz: 4878122c32a9398aaeea04b4f9f8f6d1b2ec11d6f925bb847ce373f1e36b7a7cf5f3b7f2d3717e7d18e0611298171ac6bbfe74724ece43faf69b5d8c8c3bc2bf
-  data.tar.gz: 7337fad100b4369a3bde65794409ce077cf3bdccc06a7b58e2722c56ecfd296ba47002ce3d7306f85825ab35c1ba82ffc89bec62941398978520d10482349613
+  metadata.gz: 7f277b68ba58c850b395446ab6bce71e97f1386648d4b74dbac56d861caf11a5305bc3998cf6ac365e2fdd9b9c8832c04059d9c2be072e065ac0031759f51f6e
+  data.tar.gz: cf9a0d319cc00b472026cfd7900a610d3cf005e2f23491999b874a3b39996b0eb27aeda73255712de6c3422d03b2ded8218cb45233b70ca7c39272a3b957d449

data/app/assets/stylesheets/_welcome-ui-responsive.scss

@@ -23,9 +23,16 @@
     width: 100%;
   }
   .ui-app-area .estimates-drop-container .themes-column .price-container {
-    width: 100% !important;
+    width: 24% !important;
     margin-top: 0px;
   }
+  .ui-app-area #themes img {
+    max-width: 60px !important;
+  }
+  .ui-app-area .product-img-choice {
+    width: 80px;
+    height: 66px;
+  }
 }
 
 @media (min-width: 993px) {
@@ -222,6 +229,10 @@
     max-height: 140px;
     height: 140px;
   }
+  .ui-app-area .product-img-choice {
+    width: 66px;
+    height: 54px;
+  }
 }
 
 @media (min-width: 769px) {
@@ -415,6 +426,19 @@
   .ui-app-area .items-container .table-item {
     width: 32%;
   }
+
+  /* =========================== */
+
+  .ui-app-area .estimates-drop-container .themes-column .estimates-container {
+    width: 100% !important;
+  }
+  .ui-app-area .estimates-drop-container .themes-column .price-container {
+    width: 100% !important;
+  }
+  .ui-app-area .areas-selected-list {
+    height: auto;
+    overflow: scroll;
+  }
 }
 
 @media (max-width: 460px) {

data/app/assets/stylesheets/_welcome-ui-tables.scss

@@ -2709,7 +2709,7 @@ table .ui-table-row {
 .ui-app-area .items-container .table-item h4,
 .ui-app-area .items-container .table-item .h4 {
   font-size: 14px;
-  min-height: 45px !important;
+  min-height: 52px !important;
 
   display: -webkit-box;
   overflow: hidden;
@@ -2794,9 +2794,9 @@ table .ui-table-row {
   width: 40px;
   height: 22px;
   border-radius: 4px;
-  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
+  /*box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
   -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
-  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
+  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);*/
 }
 .ui-app-area .activate_deactivate a {
   display: block;
@@ -2835,6 +2835,7 @@ table .ui-table-row {
   display: inline-block;
   width: 40px;
   height: 22px;
+  margin-top: -8px;
 }
 .ui-app-area .items-container .table-item .switch input {
   opacity: 0;
@@ -2913,14 +2914,14 @@ table .ui-table-row {
 .ui-app-area .estimates-drop-container .products-column #product_lists .row {
   --bs-gutter-x: 0 !important;
 }
-.ui-app-area .estimates-drop-container .products-column .product-item {
+.ui-app-area #products-list .product-item {
   padding-right: 5px;
   font-size: 14px;
 }
-.ui-app-area .estimates-drop-container .products-column .product-item .card-body {
+.ui-app-area #products-list .product-item .card-body {
   padding: 10px;
 }
-.ui-app-area .estimates-drop-container .products-column .product-item h5.card-title {
+.ui-app-area #products-list .product-item h5.card-title {
   font-size: 14px;
   min-height: 40px;
 
@@ -2929,21 +2930,20 @@ table .ui-table-row {
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.ui-app-area .estimates-drop-container .products-column .product-item h5.card-title span {
+.ui-app-area #products-list .product-item h5.card-title span {
   display: -webkit-box;
   overflow: hidden;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.ui-app-area .estimates-drop-container .products-column .product-item img.img-responsive {
+.ui-app-area #products-list .product-item img.img-responsive {
   width: 100%;
   max-width: 100%;
   margin-bottom: 4px;
   max-height: 150px;
   height: 130px;
 }
-
-.ui-app-area .estimates-drop-container .products-column .product-item .img-container {
+.ui-app-area #products-list .product-item .img-container {
   display: block;
   position: relative;
   width: 100%;
@@ -3005,11 +3005,17 @@ table .ui-table-row {
   background-color: #fff !important;
   border: 1px solid #D8D9DF;
   width: 24% !important;
+
+  top: 50px;
 }
 .ui-app-area .estimates-drop-container .component-addition {
   padding-top: 6px;
   padding-bottom: 6px;
   border-radius: 4px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .ui-app-area .estimates-drop-container .component-addition.active,
 .ui-app-area .estimates-drop-container .component-addition:hover {
@@ -3030,21 +3036,158 @@ table .ui-table-row {
   padding: 2px 6px;
   font-size: 12px;
 }
-.ui-app-area .product-selected {
-  width: 20%;
+.ui-app-area .product-choice .product-specification {
+  margin-bottom: 4px;
 }
-.ui-app-area .product-list {
-  width: 78%;
-  padding-left: 10px;
-  border-left: 1px solid #D8D9DF;
+.ui-app-area .product-choice .product-name {
+  font-size: 14px;
+  line-height: 18px;
+  min-height: 40px;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.card .delete-selected {
+  display: none;
+}
+.product-selected .delete-selected {
+  display: block;
+  position: absolute;
+  top: 10px;
+  right: 10px;
 }
-.ui-app-area .product-list .product-item {
+
+/* =========================== */
+
+.modal-dialog #product_list {
+  width: 100% !important;
+}
+.modal-dialog #product_list .product-selected {
+  display: block;
+  float: left;
+  position: relative;
   width: 20%;
+  padding-right: 10px;
+  border-right: 1px solid #D8D9DF;
+}
+.modal-dialog #product_list .product-selected h4 {
+  font-size: 18px;
+}
+.modal-dialog #product_list .product-selected .card {
+  width: 100% !important;
+}
+
+.modal-dialog #product_list .product-selected .product-item {
+  width: 100% !important;
+}
+.modal-dialog #product_list .card {
+  width: 23%;
+  float: left;
+  margin-bottom: 20px;
+  margin-right: 7px;
+}
+.modal-dialog #product_list .product-selected .card.selected form:nth-child(2) {
+  display: block;
+  position: absolute;
+  width: 25px !important;
+  height: 25px;
+  top: 0;
+  right: 0;
+}
+
+.modal-dialog #product_list .product-item {
+  width: 100%;
   display: block;
   float: left;
   position: relative;
-  padding: 0 5px;
+  padding-right: 5px;
+  font-size: 14px;
+}
+.modal-dialog #product_list .product-list {
+  display: block;
+  float: right;
+  position: relative;
+  width: 78%;
 }
+.modal-dialog #product_list .product-list .card.selected form:nth-child(2) {
+  height: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.modal-dialog #product_list .product-item .card-body {
+  padding: 8px;
+}
+.modal-dialog #product_list .product-item h4.card-title {
+  font-size: 14px;
+  min-height: 40px;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.modal-dialog #product_list .product-item h5.card-title span {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  font-size: 12px;
+  text-align: left;
+}
+.modal-dialog #product_list .product-item .card-text {
+  text-align: left;
+  width: 100%;
+  font-size: 12px;
+}
+.modal-dialog #product_list .product-item .card-text .float-right {
+  float: right;
+}
+.modal-dialog #product_list .product-item img.img-responsive {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 4px;
+  max-height: 150px;
+  height: 120px;
+}
+
+.modal-dialog #product_list .product-item .img-container {
+  display: block;
+  position: relative;
+  width: 100%;
+  height: 110px;
+
+  overflow: hidden;
+  margin-bottom: 6px;
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+.modal-dialog #product_list .product-item .card {
+  background-color: #fff;
+  border: none;
+  border-radius: 0;
+  min-height: 200px;
+  background-color: #fff;
+}
+.modal-dialog #product_list .product-item .card.selected {
+  border: 1px solid #6FB1F3;
+}
+.modal-dialog #product_list button {
+  /*border: 2px solid #E8E9E9 !important;*/
+  border: none !important;
+  width: 100%;
+  background-color: #fff;
+  padding: 0;
+}
+.modal-dialog #search_form button.btn-primary {
+  background-color: #fff !important;
+  color: #3A3A3A !important;
+  border: 1px solid #E0E5E7 !important;
+}
+
+
 .ui-app-area .price-container h4 {
   border-bottom: 1px solid #D8D9DF;
   width: 100%;
@@ -3066,6 +3209,9 @@ table .ui-table-row {
   border-bottom: 1px solid #D8D9DF;
   padding-bottom: 12px;
 }
+.ui-app-area .areas-selected-list .row {
+  margin-bottom: 8px;
+}
 
 /* =========================== */
 
@@ -3083,6 +3229,33 @@ table .ui-table-row {
   background-position: right 10px top 15px !important;
 }
 
+/* =========================== */
+
+.ui-app-area #themes .dropdown-item.btn-secondary {
+  color: #000 !important;
+  background-color: #F2F4FF;
+  font-weight: bold;
+}
+.ui-app-area .product-img-choice {
+  width: 100px;
+  height: 72px;
+  border: 1px solid #D8D9DF;
+
+  background-size: contain;
+  background-position: center center;
+  background-repeat: no-repeat;
+}
+.ui-app-area .rooms-pills {
+  background-color: #fff;
+  padding: 5px 5px 2px 5px;
+  border-radius: 4px;
+  border: 1px solid #D8D9DF;
+  /*box-shadow: 1px -1px 8px 0px rgba(174,174,174,.2%);*/
+}
+.modal-dialog #product_list .product-list .card-title {
+  height: 44px;
+}
+
 
 
 

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.60"
+  VERSION = "0.63"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.60'
+  version: '0.63'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-03-28 00:00:00.000000000 Z
+date: 2022-03-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails