welcome_css 0.53 → 0.56

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a7b7e42e7958254838cb5d062a254c813771aadd6bbece5ecb8137eadb5e9ff7
-  data.tar.gz: 66154b95403dce3ab64cb20fa6fa1fabcd3dddac42e800342ee1a522b97deeb7
+  metadata.gz: 6ab9a64369a15f3912cf36fce2347fd9c5fc53da723c068f164f6a31082dd1be
+  data.tar.gz: af3cc58313f1a56f410c017eaae48cea6825e6bc30fc3c08fdbb7b702297d1d3
 SHA512:
-  metadata.gz: d95ebb960a36abaf20133cc0af31b944e0e604a1ff94fefd88d0abe4f0afa158a21984281b9bd814f6c67e3695a609ead3b21fdd4041d61d0ca62ac2e6193d41
-  data.tar.gz: cac930bd68df5313ff04e462f52772c663788e359f20fb599a80cd424f75a8129c06d42cef033777e183030d7ac504fbdf69c5058f98cff221b7864d476bf689
+  metadata.gz: 82069df5b333da165bee7ba4b288572bd1f5cdf38dd266143cd9b00f93ddbb1d44fe790e853176d7b0814b09677e05ff1dc4cb049567f2c99c5de1ed5edb5b76
+  data.tar.gz: 28f5a12701290b5adac7c58696c6868f2db340455f7ddd5e227af4eb0e332dd854d9a88e05410b0795d22622be5ab34323a0d983d75927e184a1ad597de85592

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

@@ -2641,7 +2641,10 @@ table .ui-table-row {
   width: 19%;
   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 .img-container {
@@ -2707,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;
@@ -2726,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);
@@ -2766,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;
@@ -2774,7 +2848,7 @@ table .ui-table-row {
 }
 .ui-app-area .estimates-drop-container .products-column {
   display: block;
-  width: 34%;
+  width: 44%;
   float: left;
   margin-top: 0px;
   top: 20px;
@@ -2796,7 +2870,7 @@ table .ui-table-row {
 }
 .ui-app-area .estimates-drop-container .products-column .product-item h5.card-title {
   font-size: 14px;
-  min-height: 60px;
+  min-height: 40px;
 
   display: -webkit-box;
   overflow: hidden;
@@ -2816,9 +2890,29 @@ 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 {
@@ -2848,6 +2942,18 @@ table .ui-table-row {
   color: #000;
 }
 
+/* =========================== */
+
+.ui-app-area .estimates-drop-container #ui-tabs {
+  display: block;
+  float: left;
+  position: relative;
+  padding-left: 0;
+}
+.ui-app-area .estimates-drop-container #ui-tabs .btn.btn-select {
+  margin-top: 0px;
+  width: 200px;
+}
 
 
 

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.53"
+  VERSION = "0.56"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.53'
+  version: '0.56'
 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