welcome_css 0.49 → 0.52

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a17a3ae5acb2c3fe3ee388b1a8deac3765436702f0c5e987a0e3fc8c0a4b799
-  data.tar.gz: 1ef47c8ea2163cef206893192219d0f96ba64770560851eca939bde94d82c473
+  metadata.gz: 97469d53556a50ac0856582bd07e0fa30eb6efebdd01b44b1368a6a8891cf593
+  data.tar.gz: d95efae455cf67797ecaed5dfb332a430d09801d665478e88dcc3693973a8088
 SHA512:
-  metadata.gz: cf95c629528952af6d0f730fe9dde5371d5f8b3d3816c929acec8b3084627a5270b729f001e5be7adfef3702e3afcbf7d6ee7b2e6dfef077155fb44e01c89d3c
-  data.tar.gz: 0e35c6a5216d9ad0c3fb83374bdc3dde9ba794982e184f56545387bd9356351a5c7d74e59340651e3447f9c7eae9cea667fec9a8796c58e4b5071dea1b6554e1
+  metadata.gz: 9e4e5ac0a98c7d7c4297d588b90d9d2b00b21ec220a8e37986e47885a39de9d2731e6e5c42b262902aa44ab7db84b36a44f153e64f84d0b484d7ab598d1a940c
+  data.tar.gz: e82b4a5676909801f82241c3872d03bf6b56f7bf107af0ef2136b4158333622e4fd37bf352fe49aee6f4ac7d4dc5f3a0191e52b7978fed0cb1518730e3c67b3a

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,18 +2639,29 @@ table .ui-table-row {
   padding: 12px 12px 15px 12px !important;
   font-size: 14px;
   width: 19%;
+  margin-bottom: 60px;
 }
 .ui-app-area .items-container .table-item.Activate {
   opacity: 50%;
 }
 .ui-app-area .items-container .table-item h4 {
-  font-size: 16px;
+  font-size: 14px;
   min-height: 30px;
-  min-height: 70px;
+  min-height: 75px;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
 }
 .ui-app-area .items-container .table-item h4 a {
   color: #000;
   text-decoration: none;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
 }
 .ui-app-area .items-container .table-item h4 a:hover {
   text-decoration: underline;
@@ -2666,6 +2677,8 @@ table .ui-table-row {
   width: 100%;
   max-width: 100%;
   margin-bottom: 12px;
+  max-height: 150px;
+  height: 150px;
 }
 .ui-app-area .items-container .table-item .ui-menu-dots {
   width: 5px;
@@ -2728,8 +2741,91 @@ table .ui-table-row {
   width: 22px !important;
   margin-left: 4px;
   margin-top: 3px;
+  height: auto !important;
 }
 
+/* =========================== */
+
+.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: 30px;
+  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: 30px;
+  min-height: 75px;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  -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-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: 75%;
+  float: left;
+  position: relative;
+}
+.ui-app-area .estimates-drop-container .themes-column .price-container {
+  display: block;
+  width: 24% !important;
+  float: right;
+  margin-top: 30px;
+  top: 20px;
+  background-color: #F9FAFC !important;
+  border: 1px solid #D8D9DF;
+}
+.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.49"
+  VERSION = "0.52"
 end

metadata

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