welcome_css 0.75 → 0.78

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dae8a45ac3e71d8a922c4be7243f3d460aa163c75b93753b5c7acb531ee88f67
-  data.tar.gz: db96e208e47cce91a6e805fd68fd812bb393393e4d79a722d44dbdd4b17e8222
+  metadata.gz: b696f4b2c442967b5e00655eb0fb486177f7d41b2a54eecc4472d5ba3d3a91a9
+  data.tar.gz: ea8d21c209af6edc0934b7386d8e225448418f1d5ae2cf9baa17285a90c4c31b
 SHA512:
-  metadata.gz: c9832fd660c8faf34023e6e910d5360a150a8c93ec7a6bfa9fac0347b337374e6f73ba70c53d401fdc32cdd1ee75d3a8162205740b91e9656411e66d5c9e29ef
-  data.tar.gz: 92fadbee0e1b7dfb308170e51ee6455f64bbd3c890d23381c259e1c5c705afdcb0968be6ecea438af050f85bee30ee5ac6253e13a97c326206d63a24f523da9b
+  metadata.gz: 804b93ca6b9d925ca0d7fc5583369bd8948c970c7398cf506517542ee2317b2a0ebb17e3b11a388a66a580d6022f9a285a20eafa00b4f59f8b1a11de8401a35e
+  data.tar.gz: 0fdff68422c695d56608984fa1c22fb2c5d8a31f8e7c9b2d7de2374cafc193e092b2baf0a713ae0617701947c5ab777951eb74a3f9b0a9bde65f4844a1f23634

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

@@ -160,7 +160,8 @@
   background-color: $ui_white;
 }
 .btn-delete,
-.new-involved-theme .btn.btn-outline-danger {
+.new-involved-theme .btn.btn-outline-danger,
+.btn-delete.btn.btn-outline-danger {
   padding: 6px 17px !important;
   text-indent: -9999px;
   background-image: image-url('icons/icn-trash.svg');

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

@@ -235,6 +235,20 @@
   }
 }
 
+@media (max-width: 880px) {
+  .ui-app-area .form-selected {
+    height: 160px;
+  }
+  .ui-app-area .selected-products-popup {
+    display: block;
+  }
+  .ui-app-area .selected-products-popup .select2.select2-container {
+    width: 90% !important;
+    margin-bottom: 10px;
+    margin-top: 4px;
+  }
+}
+
 @media (min-width: 769px) {
   .navbar .logo-area {
     display: none;

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

@@ -1176,31 +1176,47 @@ table .ui-table-row {
   min-height: 90px;
 }
 .widget .phase,
+.ui-app-area .phase,
 .block-stats-area .parcels-list .phase {
   border-radius: $ui-radius;
   padding: 0 2px;
   color: $ui_white;
 }
-.block-stats-area .parcels-list .phase {
+.block-stats-area .parcels-list .phase,
+.ui-app-area .phase {
   font-size: 13px;
 }
 .widget .phase.p-pass,
+.ui-app-area .phase.p-pass,
 .block-stats-area .parcels-list .phase.p-pass {
   background-color: $ui_blue;
 }
 .widget .phase.p-questionable,
+.ui-app-area .phase.p-questionable,
 .block-stats-area .parcels-list .phase.p-questionable {
   background-color: #FAC15F;
   color: $ui_back;
 }
 .widget .phase.p-offmarket,
+.ui-app-area .phase.p-offmarket,
 .block-stats-area .parcels-list .phase.p-offmarket {
   background-color: #FF411D;
 }
+.widget .phase.p-onmarket,
+.ui-app-area .phase.p-onmarket,
+.block-stats-area .parcels-list .phase.p-onmarket {
+  background-color: #007bff;
+}
 .widget .phase.p-reject,
+.ui-app-area .phase.p-reject,
 .block-stats-area .parcels-list .phase.p-reject {
   background-color: #FF411D;
 }
+.widget .phase.p-notreviewed,
+.ui-app-area .phase.p-notreviewed,
+.block-stats-area .parcels-list .phase.p-notreviewed {
+  background-color: #17a2b8;
+}
 
 .block-stats .progress {
   display: block;
@@ -2065,7 +2081,8 @@ table .ui-table-row {
 
 /* =========================== */
 
-.am-content.ui-app-area .model-widget {
+.am-content.ui-app-area .model-widget,
+.am-content.ui-app-area .launcher-widget {
   display: block;
   position: relative;
   background-color: $ui_white;
@@ -2080,17 +2097,20 @@ table .ui-table-row {
   margin-bottom: 30px;
   float: left;
 }
-.am-content.ui-app-area .model-widget:nth-child(odd) {
+.am-content.ui-app-area .model-widget:nth-child(odd),
+.am-content.ui-app-area .launcher-widget:nth-child(odd) {
   margin-right: 5px;
   margin-left: 5px;
   /*float: left;*/
 }
-.am-content.ui-app-area .model-widget:nth-child(even) {
+.am-content.ui-app-area .model-widget:nth-child(even),
+.am-content.ui-app-area .launcher-widget:nth-child(even) {
   margin-left: 5px;
   margin-right: 5px;
   /*float: right;*/
 }
-.am-content.ui-app-area .model-widget .model-info {
+.am-content.ui-app-area .model-widget .model-info,
+.am-content.ui-app-area .launcher-widget .launcher-info {
   display: block;
   float: left;
   position: relative;
@@ -2098,7 +2118,9 @@ table .ui-table-row {
   margin-bottom: 12px;
 }
 .am-content.ui-app-area .model-widget .model-info .sort img,
-.am-content.ui-app-area .floor-widget .sort img {
+.am-content.ui-app-area .launcher-widget .launcher-info .sort img,
+.am-content.ui-app-area .floor-widget .sort img,
+.am-content.ui-app-area .launcher-widget .sort img {
   position: absolute;
   right: 2px;
   top: 0;
@@ -2137,7 +2159,8 @@ table .ui-table-row {
   position: relative;
   width: 100%;
 }
-.am-content.ui-app-area .model-widget .model-info .active-status {
+.am-content.ui-app-area .model-widget .model-info .active-status,
+.am-content.ui-app-area .launcher-widget .launcher-info .active-status {
   display: block;
   float: left;
   position: relative;
@@ -2148,61 +2171,72 @@ table .ui-table-row {
   font-size: 12px;
   font-weight: bold;
 }
-.am-content.ui-app-area .model-widget .model-info .active-status h6 {
+.am-content.ui-app-area .model-widget .model-info .active-status h6,
+.am-content.ui-app-area .launcher-widget .launcher-info .active-status h6 {
   font-weight: 600;
 }
-.am-content.ui-app-area .model-widget .model-info .active-status .active {
+.am-content.ui-app-area .model-widget .model-info .active-status .active,
+.am-content.ui-app-area .launcher-widget .launcher-info .active-status .active {
   background-image: image-url('icons/icn-active.svg');
   background-repeat: no-repeat;
   background-size: 8px;
   background-position: top 5px left 0px;
   padding-left: 12px;
 }
-.am-content.ui-app-area .model-widget .model-info .active-status .status {
+.am-content.ui-app-area .model-widget .model-info .active-status .status,
+.am-content.ui-app-area .launcher-widget .launcher-info .active-status .status {
   display: none;
 }
-.am-content.ui-app-area .model-widget .model-info .active-status .inactive {
+.am-content.ui-app-area .model-widget .model-info .active-status .inactive,
+.am-content.ui-app-area .launcher-widget .launcher-info .active-status .inactive {
   background-image: image-url('icons/icn-inactive.svg');
   background-repeat: no-repeat;
   background-size: 8px;
   background-position: top 5px left 0px;
   padding-left: 12px;
 }
-.am-content.ui-app-area .model-widget .model-info .model-title {
+.am-content.ui-app-area .model-widget .model-info .model-title,
+.am-content.ui-app-area .launcher-widget .launcher-info .launcher-title {
   display: block;
   float: left;
   margin-bottom: 6px;
 }
-.am-content.ui-app-area .model-widget .model-info .model-studio-status {
+.am-content.ui-app-area .model-widget .model-info .model-studio-status,
+.am-content.ui-app-area .launcher-widget .launcher-info .launcher-studio-status {
   display: block;
   float: left;
 }
-.am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
+.am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active,
+.am-content.ui-app-area .launcher-widget .launcher-info .launcher-studio-status .launcher-studio-active {
   float: left;
   font-size: 12px;
   border: 1px solid #979797;
   border-radius: $ui-radius;
   padding: 1px 6px;
 }
-.am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active .active {
+.am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active .active,
+.am-content.ui-app-area .launcher-widget .launcher-info .launcher-studio-status .launcher-studio-active .active {
   display: inline-block;
   width: 8px;
   height: 8px;
   background-color: #2FCC32;
   border-radius: 50%;
 }
-.am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active .inactive {
+.am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active .inactive,
+.am-content.ui-app-area .launcher-widget .launcher-info .launcher-studio-status .launcher-studio-active .inactive {
   display: inline-block;
   width: 8px;
   height: 8px;
   background-color: #4A4A4A;
   border-radius: 50%;
 }
-.am-content.ui-app-area .model-widget .model-img img {
+.am-content.ui-app-area .model-widget .model-img img,
+.am-content.ui-app-area .launcher-widget .launcher-img img {
   max-width: 100%;
   margin-bottom: 12px;
 }
-.am-content.ui-app-area .model-widget .model-info.separator {
+.am-content.ui-app-area .model-widget .model-info.separator,
+.am-content.ui-app-area .launcher-widget .launcher-info.separator {
   padding-top: 14px;
   border-top: 1px solid #D9D9D9;
 }
@@ -2266,6 +2300,7 @@ table .ui-table-row {
   padding-left: 15px;
 }
 .am-content.ui-app-area .floor-widget .floor-container .floor_title_add-edit,
+.am-content.ui-app-area .block-widget .blocks-container .block_title_add-edit,
 .am-content.ui-app-area .floor-widget .floor-container .floor_areas,
 .am-content.ui-app-area .block-widget .blocks-container .blocks_areas {
   display: block;
@@ -3320,6 +3355,74 @@ table .ui-table-row {
   padding: 5px 15px !important;
   background-position: right 10px top 15px !important;
 }
+.ui-app-area .download-link {
+  background-image: image-url('icons/icn-download-blue.svg');
+  background-repeat: no-repeat;
+  background-size: 12px;
+  background-position: left 0px top 3px;
+  padding-left: 18px;
+}
+
+/* =========================== */
+
+.ui-app-area #product_import .table-item:hover {
+  cursor: pointer;
+}
+.ui-app-area .form-selected[hidden] {
+  visibility: hidden;
+  opacity: 0;
+
+  -webkit-transition: opacity 600ms, visibility 600ms;
+  transition: opacity 600ms, visibility 600ms;
+}
+.ui-app-area .form-selected {
+  display: block;
+  float: left;
+  position: sticky;
+  background-color: #fff;
+  bottom: 0;
+  width: calc(100% + 30px);
+  height: 80px;
+  padding: 20px;
+  margin-left: -15px;
+  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);
+  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
+
+  visibility: visible;
+  opacity: 1;
+}
+.ui-app-area .selected-products-popup {
+  float: none;
+  position: relative;
+  max-width: 780px;
+  text-align: center;
+  margin: 0 auto;
+  font-size: 20px;
+  font-weight: bold;
+
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}
+.ui-app-area .selected-products-popup .select2.select2-container {
+  width: 320px !important;
+  margin-right: 10px;
+  margin-left: 10px;
+  text-align: left;
+}
+.ui-app-area .selected-products-popup .select2.select2-container .select2-selection {
+  height: 40px;
+  font-size: 14px;
+  font-weight: normal;
+}
+
+/* =========================== */
+
+.land-app .ui-app-area [data-controller="batch-action"] .table-item.selected {
+  border-color: #6FB1F3 !important;
+}
 
 /* =========================== */
 

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

@@ -58,6 +58,7 @@ h1, h2, h3, h4 {
 // Welcome UI - Colors
 
 $ui_back:          #000000 !important;
+$ui_black:         #000000 !important;
 $ui_white:         #ffffff !important;
 $ui_blue:          #4A8FE7 !important;
 $ui_red:           #FF4949 !important;
@@ -71,7 +72,7 @@ $ui_fill:          #F8F8F8 !important;
 $ui-colors: () !default;
 $ui-colors: map-merge(
   (
-    "ui-black":         $ui_back,
+    "ui-black":         $ui_black,
     "ui-white":         $ui_white,
     "ui_blue":          $ui_blue,
     "ui_green":         $ui_green,
@@ -713,4 +714,77 @@ $block-result-color: #000;
   .am-content.ui-app-area table {
     table-layout: auto !important;
   }
+}
+
+/* ====================================== */
+/* Style Guide */
+
+.block-division {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  border-top: 1px solid #eaeaea;
+  margin-top: 20px;
+  margin-bottom: 30px;
+}
+.highlight {
+  background: #eaeaea;
+  border: 1px solid #ebeced;
+  border-radius: 4px;
+  display: inline-block;
+  line-height: 21px;
+  max-width: 100%;
+  padding: 20px !important;
+  vertical-align: baseline;
+  margin: 20px 0;
+}
+.highlight pre {
+  padding: 0;
+  margin-top: 0.65rem;
+  margin-bottom: 0.65rem;
+  white-space: pre;
+  background-color: transparent;
+  border: 0;
+}
+.highlight pre code {
+  font-size: inherit;
+  color: #212529;
+  word-wrap: normal;
+}
+.highlight .code-p1 {
+  padding-left: 15px;
+}
+.highlight .code-p2 {
+  padding-left: 30px;
+}
+.highlight .code-p3 {
+  padding-left: 45px;
+}
+.highlight .code-p4 {
+  padding-left: 60px;
+}
+.highlight .code-p5 {
+  padding-left: 75px;
+}
+.highlight .code-p6 {
+  padding-left: 90px;
+}
+.highlight .code-p7 {
+  padding-left: 105px;
+}
+.highlight .code-p8 {
+  padding-left: 120px;
+}
+.highlight .code-p9 {
+  padding-left: 135px;
+}
+.highlight .code-p10 {
+  padding-left: 150px;
+}
+.highlight .code-p11 {
+  padding-left: 165px;
+}
+.highlight .code-p12 {
+  padding-left: 180px;
 }

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.75"
+  VERSION = "0.78"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.75'
+  version: '0.78'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-04-20 00:00:00.000000000 Z
+date: 2022-04-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails