welcome_css 0.51 → 0.54

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a15f0c83ea525932ac5379d2af70326fff413750e8783e6b0dd77f4be0cdc097
-  data.tar.gz: f6f58d6bcca571f8cfc11a325b08f38a4f48987d361456f0e35091a48a968fa2
+  metadata.gz: 0de67aa2aebfc1f9182195ab2411282614e19e98c742d06b5cac3b8aed505ddb
+  data.tar.gz: 6dd614f57241c0d8b4a9577c33d31c47e028044703ff5ed615faaf563b7301ae
 SHA512:
-  metadata.gz: 3527cdc6ec880bb49a43ba3eb70294c346c10948afcaaee00e97169116c78e580d3232f6f40c08198fa64da2087f5713c66ef9988fdb33be1ebcaeceab50eaa9
-  data.tar.gz: 79e0fe0c95555d51f6a0b3e868790f8258f8f05f1ba239aff700f9557351be2b767f001b3087ddcfaccb8e913d60a75eba030dafc801e0c279778a441a187970
+  metadata.gz: c1a1c6e5055e1ee2370760a6d077b38fe38714cd3141dbaf77b5b48b66804df107ea7ea3c8bf8bc3892f1c28323c40f0cbaf020cc8b9fe67720bc5ad7349d526
+  data.tar.gz: 0aceb98c06462107fbc7965e9bee2a85334e42be9dbe9b1d574ff30fada765b6bac76358a229979e2abd93cede60969f924fa97d01695e1f6574c5d02d7bef6c

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

@@ -19,6 +19,13 @@
     position: relative;
     width: 100%;
   }
+  .ui-app-area .estimates-drop-container .themes-column .card-body {
+    width: 100%;
+  }
+  .ui-app-area .estimates-drop-container .themes-column .price-container {
+    width: 100% !important;
+    margin-top: 0px;
+  }
 }
 
 @media (min-width: 993px) {
@@ -208,6 +215,13 @@
   .responsive-left {
     float: left !important;
   }
+  .ui-app-area .estimates-drop-container .products-column .product-item {
+    width: 100% !important;
+  }
+  .ui-app-area .estimates-drop-container .products-column .product-item img.img-responsive {
+    max-height: 140px;
+    height: 140px;
+  }
 }
 
 @media (min-width: 769px) {

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

@@ -2639,28 +2639,51 @@ table .ui-table-row {
   padding: 12px 12px 15px 12px !important;
   font-size: 14px;
   width: 19%;
-  margin-bottom: 60px;
+  margin-bottom: 30px;
 }
-.ui-app-area .items-container .table-item.Activate {
+.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-brand {
   opacity: 50%;
 }
-.ui-app-area .items-container .table-item h4 {
+.ui-app-area .items-container .table-item .img-container {
+  display: block;
+  position: relative;
+  width: 100%;
+  height: 150px;
+
+  overflow: hidden;
+  margin-bottom: 6px;
+  background-size: cover;
+  background-position: center center;
+}
+.ui-app-area .items-container .table-item .img-container a {
+  display: block;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.ui-app-area .items-container .table-item h4,
+.ui-app-area .items-container .table-item .h4 {
   font-size: 14px;
-  min-height: 30px;
-  min-height: 75px;
+  min-height: 45px !important;
 
   display: -webkit-box;
   overflow: hidden;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
-.ui-app-area .items-container .table-item h4 a {
+.ui-app-area .items-container .table-item h4 a,
+.ui-app-area .items-container .table-item .h4 a {
   color: #000;
   text-decoration: none;
 
   display: -webkit-box;
   overflow: hidden;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .ui-app-area .items-container .table-item h4 a:hover {
@@ -2677,7 +2700,6 @@ table .ui-table-row {
   width: 100%;
   max-width: 100%;
   margin-bottom: 12px;
-  height: 100%;
   max-height: 150px;
   height: 150px;
 }
@@ -2688,6 +2710,15 @@ table .ui-table-row {
   right: 12px;
   bottom: 15px;
 }
+.ui-app-area .items-container .table-item .product-price {
+  border-top: 1px solid #CCCCCC;
+  border-bottom: 1px solid #CCCCCC;
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+.ui-app-area .items-container .table-item .product-price .float-right {
+  float: right;
+}
 .ui-app-area nav.pagination {
   width: 100%;
   margin: 30px 0;
@@ -2707,9 +2738,9 @@ table .ui-table-row {
   position: absolute;
   right: 10px;
   bottom: 18px;
-  border: 1px solid #000;
-  width: 34px;
-  height: 34px;
+  /*border: 1px solid #000;*/
+  width: 40px;
+  height: 22px;
   border-radius: 4px;
   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);
@@ -2745,6 +2776,151 @@ table .ui-table-row {
   height: auto !important;
 }
 
+/* =========================== */
+
+.ui-app-area .items-container .table-item .switch {
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 22px;
+}
+.ui-app-area .items-container .table-item .switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.ui-app-area .items-container .table-item .slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.ui-app-area .items-container .table-item .slider:before {
+  position: absolute;
+  content: "";
+  height: 15px;
+  width: 15px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.ui-app-area .items-container .table-item .slider {
+  background-color: #5DD687;
+}
+.ui-app-area .items-container .table-item .slider-off {
+  background-color: #CCC;
+}
+
+.ui-app-area .items-container .table-item input:focus + .slider {
+  box-shadow: 0 0 1px #5DD687;
+}
+
+.ui-app-area .items-container .table-item input:checked + .slider:before {
+  -webkit-transform: translateX(15px);
+  -ms-transform: translateX(15px);
+  transform: translateX(15px);
+}
+
+.ui-app-area .items-container .table-item .slider.round {
+  border-radius: 34px;
+}
+.ui-app-area .items-container .table-item .slider.round:before {
+  border-radius: 50%;
+}
+
+/* =========================== */
+
+.ui-app-area .estimates-container .btn-new {
+  display: block;
+  position: absolute;
+  top: 16px;
+  right: 22px;
+}
+.ui-app-area .estimates-drop-container .products-column {
+  display: block;
+  width: 34%;
+  float: left;
+  margin-top: 0px;
+  top: 20px;
+  background-color: #F9FAFC !important;
+  border: 1px solid #D8D9DF;
+
+  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 {
+  padding-right: 5px;
+  font-size: 14px;
+}
+.ui-app-area .estimates-drop-container .products-column .product-item .card-body {
+  padding: 10px;
+}
+.ui-app-area .estimates-drop-container .products-column .product-item h5.card-title {
+  font-size: 14px;
+  min-height: 60px;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.ui-app-area .estimates-drop-container .products-column .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 {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 4px;
+  max-height: 150px;
+  height: 130px;
+}
+.ui-app-area .estimates-drop-container .themes-column {
+  display: block;
+  width: 64%;
+  float: right;
+}
+.ui-app-area .estimates-drop-container .themes-column .card-body {
+  display: block;
+  width: 100%;
+  float: left;
+  position: relative;
+}
+.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;
+  border: 1px solid #D8D9DF;
+  text-align: center;
+}
+.ui-app-area .estimates-drop-container .component-addition {
+  padding-top: 6px;
+  padding-bottom: 6px;
+  border-radius: 4px;
+}
+.ui-app-area .estimates-drop-container .component-addition.active,
+.ui-app-area .estimates-drop-container .component-addition:hover {
+  background-color: #EBEFF5;
+  color: #000;
+}
 
 
 

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

@@ -154,6 +154,11 @@ $ui-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
   box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
 }
 
+$ui-medium-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15%);
+.medium-shadow {
+  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15%);
+}
+
 $ui-light-shadow: 1px -1px 7px 0px rgba(174,174,174,0.05);
 .light-shadow {
   box-shadow: 1px -1px 7px 0px rgba(174,174,174,0.05);

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.51"
+  VERSION = "0.54"
 end

metadata

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