welcome_css 0.57 → 0.60

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5cda193bb14837e19ccde63ea0f2a38a9c1646550def46f385d9c4cc326e9fdf
-  data.tar.gz: 98293ddf80558a2e71ff89d3f9ef6542b3b5edeebeb16ee03a1cab8923217c5d
+  metadata.gz: 0b7cf4cb70750057f8a253dc8e56c32951369e18ea45119ae58a828c4ee5f9c1
+  data.tar.gz: abd1c9dedc69b6bda4da040878d715596ed077749357179d2d21249aaac0e981
 SHA512:
-  metadata.gz: feee58798818bba7a8b3caf6ea08164a075742d8d5f1b8785eb2d31d2ed35096d47a829ef2c6d2425e8ecc22ae5d1f3a02b602c332b19abf0c4e86c559e69669
-  data.tar.gz: dd316a486be3c30fc739f0badf85f8d9534f6f8d6a7d0ff1702a979e5e04b5bd96818ffd2a58d776ed2be2e91fc08ba05a98857083f795486142c6fbdc5c2691
+  metadata.gz: 4878122c32a9398aaeea04b4f9f8f6d1b2ec11d6f925bb847ce373f1e36b7a7cf5f3b7f2d3717e7d18e0611298171ac6bbfe74724ece43faf69b5d8c8c3bc2bf
+  data.tar.gz: 7337fad100b4369a3bde65794409ce077cf3bdccc06a7b58e2722c56ecfd296ba47002ce3d7306f85825ab35c1ba82ffc89bec62941398978520d10482349613

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

@@ -6,7 +6,7 @@
   border: 1px solid $ui_green;
 }
 .ui-btn {
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
   padding: 7px 15px 6px 34px;
   border-radius: $ui-radius;
   margin-left: 8px !important;
@@ -17,7 +17,7 @@
   background-image: image-url('icons/add.svg');
   background-repeat: no-repeat;
   background-position: left 16px top 14px;
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
 }
 .btn-primary {
   background-color: $ui_blue;
@@ -65,16 +65,16 @@
   background-repeat: no-repeat;
   background-size: 8px;
   background-position: right 10px top 16px;
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
 }
 .ui-app-area .btn-success {
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
   background-color: transparent;
   border: 1px solid $ui_blue;
   color: $ui_blue;
 }
 .ui-app-area .btn-alternative {
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
   background-color: transparent;
   border: 1px solid #D9D9D9;
   font-weight: normal;
@@ -86,7 +86,7 @@
   font-size: $ui_font_normal;
   color: $ui_blue;
   border: 1px solid $ui_blue;
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
 }
 
 .btn-white {
@@ -94,7 +94,7 @@
   font-size: $ui_font_normal;
   color: $ui_back;
   border: 1px solid $ui_back;
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
 }
 .btn-gray {
   background-color: $ui_white;
@@ -110,14 +110,14 @@
   font-size: $ui_font_normal;
   color: $ui_white;
   border: 1px solid $ui_back;
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
 }
 .btn-black-alternative {
   background-color: $ui_white;
   font-size: $ui_font_normal;
   color: $ui_back;
   border: 1px solid $ui_back;
-  font-family: 'gt-eesti-medium';
+  font-family: 'hk_groteskmedium';
 }
 .btn-pad-lg {
   padding: 6px 30px !important;

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,15 +2900,15 @@ 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;
@@ -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,56 @@ 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;
+}
+.ui-app-area .product-selected {
+  width: 20%;
+}
+.ui-app-area .product-list {
+  width: 78%;
+  padding-left: 10px;
+  border-left: 1px solid #D8D9DF;
+}
+.ui-app-area .product-list .product-item {
+  width: 20%;
+  display: block;
+  float: left;
+  position: relative;
+  padding: 0 5px;
+}
+.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 +3078,9 @@ 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;
 }
 
 

data/lib/welcome_css/version.rb

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

metadata

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