welcome_css 0.52 → 0.55

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 97469d53556a50ac0856582bd07e0fa30eb6efebdd01b44b1368a6a8891cf593
-  data.tar.gz: d95efae455cf67797ecaed5dfb332a430d09801d665478e88dcc3693973a8088
+  metadata.gz: 9bc625708eb947f9c64c8d864686f8d4c2723930452adadbc387286af275ffe0
+  data.tar.gz: 723be16b9ef30dab1dc59064e3d2983d41c848be57309f72faad782fb814d177
 SHA512:
-  metadata.gz: 9e4e5ac0a98c7d7c4297d588b90d9d2b00b21ec220a8e37986e47885a39de9d2731e6e5c42b262902aa44ab7db84b36a44f153e64f84d0b484d7ab598d1a940c
-  data.tar.gz: e82b4a5676909801f82241c3872d03bf6b56f7bf107af0ef2136b4158333622e4fd37bf352fe49aee6f4ac7d4dc5f3a0191e52b7978fed0cb1518730e3c67b3a
+  metadata.gz: d7e8ae470611125585c7af44da2b9529e14185930ee169cb2e368de6bca47e71894fff2a9029fcf40bd9a463d3cdfe4c5d668f6b0741fa0d347627fb7859feb7
+  data.tar.gz: e6f4cac95d9c4178c0bbe8087f57a0e56b79359460918096c3ece0e6839609d67968037d56df8a66f0b60987e9bdd6b5541e63758e547f3621b5df81f24bac1e

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 {
@@ -2687,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;
@@ -2706,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);
@@ -2746,6 +2778,68 @@ table .ui-table-row {
 
 /* =========================== */
 
+.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;
@@ -2754,12 +2848,13 @@ table .ui-table-row {
 }
 .ui-app-area .estimates-drop-container .products-column {
   display: block;
-  width: 34%;
+  width: 44%;
   float: left;
-  margin-top: 30px;
+  margin-top: 0px;
   top: 20px;
   background-color: #F9FAFC !important;
   border: 1px solid #D8D9DF;
+
   height: calc(100vh - 20px);
   overflow: scroll;
 }
@@ -2775,18 +2870,17 @@ table .ui-table-row {
 }
 .ui-app-area .estimates-drop-container .products-column .product-item h5.card-title {
   font-size: 14px;
-  min-height: 30px;
-  min-height: 75px;
+  min-height: 40px;
 
   display: -webkit-box;
   overflow: hidden;
-  -webkit-line-clamp: 3;
+  -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: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .ui-app-area .estimates-drop-container .products-column .product-item img.img-responsive {
@@ -2796,25 +2890,46 @@ table .ui-table-row {
   max-height: 150px;
   height: 130px;
 }
+
+.ui-app-area .estimates-drop-container .products-column .product-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 .estimates-drop-container .products-column .btn-filter {
+  margin-left: 8px !important;
+}
+.ui-app-area .estimates-drop-container .products-column .float-right {
+  float: right;
+}
+
 .ui-app-area .estimates-drop-container .themes-column {
   display: block;
-  width: 64%;
+  width: 55%;
   float: right;
 }
 .ui-app-area .estimates-drop-container .themes-column .card-body {
   display: block;
-  width: 75%;
+  width: 100%;
   float: left;
   position: relative;
 }
 .ui-app-area .estimates-drop-container .themes-column .price-container {
   display: block;
-  width: 24% !important;
+  width: 100% !important;
   float: right;
-  margin-top: 30px;
+  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;

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.52"
+  VERSION = "0.55"
 end

metadata

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