welcome_css 0.58 → 0.61

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6593f7b42bba11d97be8401161099a47db5ad8d3cbfd6e337d73d7f1c53704e0
-  data.tar.gz: 8c82aff173b60c64d549688fc56fc6a14353d2afbab12c007ecaf2a52826cd80
+  metadata.gz: 2b527165838add22ccd57c5b6c918f024479e6b39629208052ede53ed4cc64ff
+  data.tar.gz: 6813265b1ccd3f625c3436c990144c0684017034049fe634a372ec1946c294e5
 SHA512:
-  metadata.gz: 5291da67757cca82a4f91407d973a2d2052a3970a819670a41e6e2ec8ea3c9889811d1f3813c9c7d9c972b36984cf3c984dbe22cc847cdd9b8b71dc105b019bb
-  data.tar.gz: 2b681645dfbf667f76cd6c9a9ee71846bea010d2bca655b16ee514b5a9e88b66b682cf666470d233585cf5e337bebe8b8f3f37ed38b1f024f107787dae09b9cb
+  metadata.gz: 1bc98d381c4c62b6cb30fc1e8beea1dd4f2196d7cb2520af74185638cb1a48bf361e53776cfee45c7a34e1514a03721cc118b8071e119876b7d5ad48d8ef3a15
+  data.tar.gz: bfcac98ec033bb56cbef67304bf21061e7cfae21b9ed34b8498a45a90e9f74ff1828a00b9bfcebadf005bf22db1c51fdd44bc0b3c8d90fe4577cddecf750a75a

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

@@ -23,9 +23,12 @@
     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;
+  }
 }
 
 @media (min-width: 993px) {
@@ -415,6 +418,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

@@ -2682,6 +2682,7 @@ table .ui-table-row {
 .ui-app-area .items-container .table-item.Activate .img-container,
 .ui-app-area .items-container .table-item.Activate h4,
 .ui-app-area .items-container .table-item.Activate .product-price,
+.ui-app-area .items-container .table-item.Activate .product-component,
 .ui-app-area .items-container .table-item.Activate .product-brand {
   opacity: 50%;
 }
@@ -2693,8 +2694,9 @@ table .ui-table-row {
 
   overflow: hidden;
   margin-bottom: 6px;
-  background-size: cover;
+  background-size: contain;
   background-position: center center;
+  background-repeat: no-repeat;
 }
 .ui-app-area .items-container .table-item .img-container a {
   display: block;
@@ -2754,6 +2756,18 @@ table .ui-table-row {
   padding-top: 4px;
   padding-bottom: 4px;
 }
+.ui-app-area .items-container .table-item .product-component {
+  padding-top: 0px;
+  padding-bottom: 4px;
+  font-size: 14px;
+  min-height: 65px !important;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  margin-bottom: 12px;
+}
 .ui-app-area .items-container .table-item .product-price .float-right {
   float: right;
 }
@@ -2886,27 +2900,27 @@ table .ui-table-row {
 }
 .ui-app-area .estimates-drop-container .products-column {
   display: block;
-  width: 44%;
+  width: 100%;
   float: left;
+  position: relative;
   margin-top: 0px;
-  top: 20px;
-  background-color: #F9FAFC !important;
-  border: 1px solid #D8D9DF;
+  /*background-color: #F9FAFC !important;
+  border: 1px solid #D8D9DF;*/
 
-  height: calc(100vh - 20px);
-  overflow: scroll;
+  /*height: calc(100vh - 20px);
+  overflow: scroll;*/
 }
 .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;
 
@@ -2915,13 +2929,13 @@ 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;
@@ -2929,7 +2943,7 @@ table .ui-table-row {
   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%;
@@ -2937,8 +2951,9 @@ table .ui-table-row {
 
   overflow: hidden;
   margin-bottom: 6px;
-  background-size: cover;
+  background-size: contain;
   background-position: center center;
+  background-repeat: no-repeat;
 }
 
 .ui-app-area .estimates-drop-container .products-column .btn-filter {
@@ -2948,26 +2963,48 @@ table .ui-table-row {
   float: right;
 }
 
-.ui-app-area .estimates-drop-container .themes-column {
+/*.ui-app-area .estimates-drop-container .themes-column {
   display: block;
   width: 55%;
   float: right;
+}*/
+.ui-app-area .estimates-drop-container .themes-column {
+  display: block;
+  width: 100%;
+  float: left;
+  position: relative;
+  margin-top: 0px;
+  /*background-color: #F9FAFC !important;
+  border: 1px solid #D8D9DF;*/
+
+  /*height: calc(100vh - 20px);
+  overflow: scroll;*/
 }
 .ui-app-area .estimates-drop-container .themes-column .card-body {
   display: block;
   width: 100%;
   float: left;
   position: relative;
+  padding-top: 0 !important;
+  padding-bottom: 70px;
+}
+.ui-app-area .estimates-drop-container .themes-column .estimates-container {
+  display: block;
+  float: left;
+  position: relative;
+  height: 100%;
+  width: 75% !important;
+}
+.ui-app-area .estimates-drop-container .themes-column .estimates-container .dropdown-select {
+  display: block;
 }
 .ui-app-area .estimates-drop-container .themes-column .price-container {
   display: block;
-  width: 100% !important;
   float: right;
   margin-top: 0px;
-  top: 20px;
-  background-color: #F9FAFC !important;
+  background-color: #fff !important;
   border: 1px solid #D8D9DF;
-  text-align: center;
+  width: 24% !important;
 }
 .ui-app-area .estimates-drop-container .component-addition {
   padding-top: 6px;
@@ -2979,6 +3016,145 @@ table .ui-table-row {
   background-color: #EBEFF5;
   color: #000;
 }
+.ui-app-area .estimates-drop-container .product-choice .text-success {
+  background-color: #53DA7E;
+  color: #fff !important;
+  border-radius: 50%;
+  padding: 2px 6px;
+  font-size: 12px;
+}
+.ui-app-area .estimates-drop-container .product-choice .text-danger {
+  background-color: #eaeaea;
+  color: #fff !important;
+  border-radius: 50%;
+  padding: 2px 6px;
+  font-size: 12px;
+}
+
+/* =========================== */
+
+.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 .product-item {
+  width: 100% !important;
+}
+.modal-dialog #product_list .product-item {
+  width: 25%;
+  display: block;
+  float: left;
+  position: relative;
+  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-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: 1px solid #E8E9E9 !important;
+  width: 100%;
+  background-color: #fff;
+}
+.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%;
+  padding-bottom: 8px;
+}
+.ui-app-area .areas-selected-list {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  height: 200px;
+  overflow: scroll;
+  font-size: 14px;
+  padding-bottom: 20px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid #D8D9DF;
+}
+.ui-app-area .theme-titles {
+  border-bottom: 1px solid #D8D9DF;
+  padding-bottom: 12px;
+}
 
 /* =========================== */
 
@@ -2991,6 +3167,17 @@ table .ui-table-row {
 .ui-app-area .estimates-drop-container #ui-tabs .btn.btn-select {
   margin-top: 0px;
   width: 200px;
+  font-size: 14px !important;
+  padding: 5px 15px !important;
+  background-position: right 10px top 15px !important;
+}
+
+/* =========================== */
+
+.ui-app-area #themes .dropdown-item.btn-secondary {
+  color: #000 !important;
+  background-color: #F2F4FF;
+  font-weight: bold;
 }
 
 

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.58"
+  VERSION = "0.61"
 end

metadata

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