welcome_css 0.11 → 0.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 13753c3b21a1960a595ece4f096ef48d1763fd1fb025a62f3ab316f5f285e666
-  data.tar.gz: cdc365f629e8f62af7c0ec91cf588afe6bf2941dae607cf8b5605df8abd02d9d
+  metadata.gz: 6903bba74ef92c35037827a26c3d9cf9ca408b59d1cfcdd3e8b04d4a1241c30b
+  data.tar.gz: 06eb6d93015a2b3bbaa7a27229b4edba713194d56a640e93db9d30dbaa9b96f4
 SHA512:
-  metadata.gz: 2980f0c6f4a8a5ef9df1721093c76c5a9a6eb9aa2621de307efc7f7d5b7be06530cf71f07947fc7f27f88c3ef51ebc1d6b00c481ba4cef867121a93c70782b94
-  data.tar.gz: 667a339bc3f6c9a0e2ed5a256a53a8f671b13b5690f4e51bf6d2e2b63ce5e18c96e18c02d49b7d744466542620a685e96caf2da2f39af9577e000d997d1c8335
+  metadata.gz: fc3516755e3593623f58dcaba45c1223fdba4d96b2b29d9c5ff01cfb171cc9adf1849e2e8af5b4b0f9aa1d17e2666c56464f268c077d6dc1647475e53fc1cb77
+  data.tar.gz: b102651d63659062fcb853bf7a6053b247898f563dc9afc138b829e3c8665157fd139b735e684e7dec04b644dc1fbfa3f76ecc3ecf0dad84e05b8b09d0a53963

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

@@ -92,8 +92,8 @@
   border: 1px solid $ui_green;
 }
 .ui-btn-status.btn-secondary {
-  background-color: $ui_darkgray;
-  border: 1px solid $ui_darkgray;
+  background-color: $ui_back;
+  border: 1px solid $ui_back;
 }
 
 /* ========================================= */

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

@@ -585,6 +585,18 @@
   color: #000 !important;
 }
 
+.am-content.ui-app-area .nav-lateral {
+  display: block;
+  float: left;
+  position: relative;
+  width: 18%;
+}
+.am-content.ui-app-area .content-lateral {
+  display: block;
+  float: right;
+  position: relative;
+  width: 82%;
+}
 
  
  

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

@@ -59,7 +59,7 @@
 
 table .ui-table-row {
   background-color: $ui_white;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  /*border: 1px solid rgba(0, 0, 0, 0.125);*/
 }
 .ui-toptable {
   background-color: $ui_middlegray;
@@ -79,8 +79,8 @@ table .ui-table-row {
 /* Table Cells  */
 .ui-table thead {
   background-color: #edeff4;
-  border: 1px solid #edeff4;
-  font-family: 'hk-grotesk-semibold';
+  /*border: 1px solid #edeff4;*/
+  font-family: 'hk-grotesk-bold';
 }
 .ui-table table {
   background-color: $ui_white;
@@ -104,6 +104,9 @@ table .ui-table-row {
   background-size: 8px;
   background-position: left 10px top 6px;
 }
+.ui-app-area .table thead th {
+  border-bottom: transparent;
+}
 
 /* Tr */
 .ui-table table tbody tr:hover {
@@ -159,6 +162,9 @@ table .ui-table-row {
   background-color: transparent;
   border: transparent;
 }
+.ui-app-area .dropdown .btn.dropdown-toggle:hover .dropdown-menu {
+  display: block !important;
+}
 .site-plan .card-body {
   padding: 0;
 }
@@ -490,9 +496,9 @@ table .ui-table-row {
   margin-bottom: 60px;
 }
 .ui-app-area .widget-head {
-  background-color: #edeff4 !important;
-  padding: 12px 20px;
-  border: 1px solid #edeff4 !important;
+  background-color: #fff !important;
+  padding: 12px 15px;
+  border-bottom: 1px solid #7A7A7A !important;
   -webkit-border-top-left-radius: .25rem!important;
   -webkit-border-top-right-radius: .25rem!important;
   -moz-border-radius-topleft: .25rem!important;
@@ -510,9 +516,9 @@ table .ui-table-row {
   padding-left: 0;
 }
 .ui-app-area .widget-head  .title {
-  font-size: 20px;
-  font-weight: 500;
-  font-family: gt-eesti-regular;
+  font-size: 22px;
+  font-weight: 600;
+  font-family: 'hk_groteskbold';
 }
 .ui-app-area .card-body .nav.nav-tabs {
   margin-bottom: 30px;
@@ -521,17 +527,47 @@ table .ui-table-row {
 .ui-app-area .card-body .nav-tabs .nav-link.active, .ui-app-area .card-body .nav-tabs .nav-item.show .nav-link,
 .ui-app-area .card-body .nav-tabs .nav-link:hover {
   color: #000;
-  background-color: transparent;
-  border-color: transparent transparent #4A8FE7;
+  background-color: #EDEFF4;
+  border: 1px solid #EDEFF4;
+  border-radius: $ui-radius;
   font-family: gt-eesti-regular;
+  background-image: image-url('icons/menu_requirements.svg');
+  background-repeat: no-repeat;
+  background-size: 10px;
+  background-position: top 15px left 6px;
 }
 .ui-app-area .card-body .nav-tabs .nav-link {
   color: #000;
   font-family: gt-eesti-regular;
+  padding: 8px 8px 8px 22px !important;
+}
+
+/* =========================== */
+
+.ui-app-area .card-body .nav-tabs .nav-link.active .nav-link {
+  padding: 8px 0 !important;
+}
+.ui-app-area .card-body .nav-tabs .nav-link.active .nav-link.active,
+.ui-app-area .card-body .nav-tabs .nav-link.active .nav-link:hover {
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #fff;
+  border-radius: 0 !important;
+  background-image: none;
+  border-bottom: 1px solid #4A8FE7;
 }
+
 .table th, .table td {
   padding: 1rem;
 }
+.am-content.ui-app-area .table th,
+.am-content.ui-app-area .table td {
+  border-top: transparent;
+  border-bottom: 1px solid #dee2e6;
+}
+.am-content.ui-app-area .table tr:last-child td {
+  border-bottom: transparent;
+}
 .ui-app-area .drop-side {
   left: 220px !important;
   top: 4px !important;
@@ -561,12 +597,73 @@ table .ui-table-row {
   margin-bottom: 0px;
 }
 
+.am-content.ui-app-area .content-lateral table {
+  margin-bottom: 0;
+}
+.am-content.ui-app-area .content-lateral .table-widget {
+  margin-bottom: 40px;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .widget-head.primary-head {
+  background-color: #EAEEF5 !important;
+  border-bottom: none !important;
+}
+.am-content.ui-app-area .widget-head.primary-head .title {
+  font-size: 18px;
+}
+.am-content.ui-app-area .widget-head {
+  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
+  -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
+  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
+}
+
+/* =========================== */
+
+.main-content table,
+.am-content.ui-app-area .table-widget,
+.am-content.ui-app-area .content-lateral table {
+  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.25);
+  -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.25);
+  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.25);
+  border-radius: $ui-radius;
+}
+.am-content.ui-app-area .content-lateral table {
+  /*margin-bottom: 40px;*/
+}
+.am-content.ui-app-area .table-widget {
+  background-color: $ui_white;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .customers-header .accordion-toggle[aria-expanded="true"] img {
+  transform: rotate(180deg);
+}
+.am-content.ui-app-area .customers-header h3 {
+  padding-left: 20px;
+}
+.am-content.ui-app-area .customers-header h3::before {
+  background-image: image-url('icons/menu_customers.svg');
+  background-repeat: no-repeat;
+  background-size: 14px;
+  width: 14px;
+  height: 14px;
+  content: "";
+  display: block;
+  position: absolute;
+  margin-left: -20px;
+  top: 10px;
+}
+.am-content.ui-app-area .customers-header h3:hover {
+  cursor: pointer;
+}
+
 /* =========================== */
 
-.main-content table {
-  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.68);
-  -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.68);
-  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.68);
+.am-content.ui-app-area .customer-block-info {
+  margin-bottom: 40px;
 }
 
 /* =========================== */
@@ -621,13 +718,14 @@ table .ui-table-row {
   margin-right: 20px;
 }
 .main-app .ui-app-area .tab-content .tab-pane {
-  margin-top: 40px;
+  /*margin-top: 40px;*/
 }
 .main-app .ui-app-area .tab-content .tab-pane .h3 {
   font-size: 20px;
 }
-.main-app .ui-app-area table thead {
-  background-color: #edeff4;
+.main-app .ui-app-area table thead th {
+  background-color: #fff;
+  border-bottom: 1px solid #7A7A7A !important;
 }
 .ui-app-area .page-head .dropdown.droppright {
   top: 6px;
@@ -756,6 +854,7 @@ table .ui-table-row {
 }
 
 /* =========================== */
+/* Land App - LP */
 
 .block-stats {
   display: block;
@@ -796,7 +895,7 @@ table .ui-table-row {
   position: relative;
   padding: 0 3px;
 }
-.widget {
+.ui-app-area .widget {
   display: block;
   float: left;
   position: relative;
@@ -812,6 +911,19 @@ table .ui-table-row {
   background-color: transparent;
   border: none;
 }
+.ui-app-area.am-content .widget-area .widget {
+  display: block;
+  float: left;
+  position: relative;
+  background-color: #EEF2F7;
+  border: 1px solid #D2D5DA;
+  border-radius: $ui-radius;
+  padding: 15px 20px;
+  min-height: 300px;
+}
+.ui-app-area.am-content .widget-area h4 {
+  margin-bottom: 0;
+}
 .widget .widget-title {
   font-size: 18px;
   line-height: 22px;
@@ -823,22 +935,30 @@ table .ui-table-row {
   margin-top: 12px;
   min-height: 90px;
 }
-.widget .phase {
+.widget .phase,
+.block-stats-area .parcels-list .phase {
   border-radius: $ui-radius;
   padding: 0 2px;
   color: $ui_white;
 }
-.widget .phase.p-pass {
+.block-stats-area .parcels-list .phase {
+  font-size: 13px;
+}
+.widget .phase.p-pass,
+.block-stats-area .parcels-list .phase.p-pass {
   background-color: $ui_blue;
 }
-.widget .phase.p-questionable {
+.widget .phase.p-questionable,
+.block-stats-area .parcels-list .phase.p-questionable {
   background-color: #FAC15F;
   color: $ui_back;
 }
-.widget .phase.p-offmarket {
+.widget .phase.p-offmarket,
+.block-stats-area .parcels-list .phase.p-offmarket {
   background-color: #FF411D;
 }
-.widget .phase.p-reject {
+.widget .phase.p-reject,
+.block-stats-area .parcels-list .phase.p-reject {
   background-color: #FF411D;
 }
 
@@ -988,6 +1108,78 @@ table .ui-table-row {
   margin-bottom: 0 !important;
 }
 
+.block-stats-area .parcels-list {
+  border-bottom: 1px solid #C4C4C4;
+}
+.block-stats-area .parcels-list .parcel-item {
+  border-bottom: 1px solid #E8E8E8;
+}
+.block-stats-area .parcels-list .parcel-item:last-child {
+  border-bottom: none;
+}
+.block-stats-area .dropdown-menu.tags {
+  display: none;
+  margin-bottom: 0;
+  position: absolute;
+  right: 0;
+  margin-right: 0;
+}
+.block-stats-area table thead {
+  background-color: transparent !important;
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-bottom: 1px solid #C4C4C4;
+}
+.block-stats-area table thead th,
+.block-stats-area table td  {
+  border-bottom: none;
+  border-top: none;
+  padding-left: 0;
+  padding-right: 0;
+}
+.block-stats-area table .ui-table-row {
+  border: none;
+}
+.block-stats-area .ui-table-row.width-drop .dropdown a {
+  color: $ui_back;
+  padding: 10px 10px 0px 10px;
+  font-size: 14px;
+}
+.block-stats-area .ui-table-row.width-drop .dropdown a:hover {
+  text-decoration: none;
+}
+
+.am-content.ui-app-area .block-stats-area .parcels-list .ui-table-row.width-drop {
+  border-bottom: 1px solid #E4E4E4;
+}
+.am-content.ui-app-area .block-stats-area .parcels-list .ui-table-row.width-drop:last-child {
+  border-bottom: none;
+}
+
+.block-stats-area .list-properties {
+  border-bottom: 1px solid #D9D9D9;
+}
+.block-stats-area .list-properties-item {
+  font-size: 14px;
+  border-bottom: 1px solid #D9D9D9;
+}
+.block-stats-area .list-properties-item:last-child {
+  border-bottom: none
+}
+.block-stats-area .transit {
+  font-size: 14px;
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+.block-stats-area .maps-frame {
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
 .search-area {
   display: block;
   position: relative;
@@ -1046,6 +1238,9 @@ table .ui-table-row {
   margin-bottom: 0;
 }
 
+/* =========================== */
+/* Land App - Daily Stats */
+
 .daily-stats .daily-widget {
   min-height: auto;
   padding: 15px 20px 25px 20px;
@@ -1080,6 +1275,7 @@ table .ui-table-row {
 }
 
 /* =========================== */
+/* Teardown UI adaptations */
 
 .ui-app-area .teardown-information-block {
   display: block;
@@ -1163,4 +1359,94 @@ table .ui-table-row {
 }
 .ui-app-area .icn-title {
   margin-top: -8px;
-}
+}
+
+/* =========================== */
+/* Fixed Note for Dev Requests */
+
+.card.card-fixed {
+  border: none;
+  border-radius: $ui-radius;
+  background-color: transparent;
+}
+.note-fixed {
+  background-color: #FDFEFF;
+  border-top: 1px solid rgba(0, 0, 0, 0.125);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 30px 45px;
+  box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.45);
+  -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.45);
+  -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.45);
+  margin-bottom: 15px;
+}
+.note-fixed .title {
+  border-bottom: 1px solid $ui_lightgray;
+  padding-bottom: 5px;
+  margin-bottom: 15px;
+}
+.note-fixed .title h4 {
+  font-weight: 600;
+}
+.note-fixed .body p {
+  margin-bottom: 10px;
+}
+.note-fixed .body .block-information {
+  margin-bottom: 30px;
+}
+.note-fixed .body .block-information:last-child {
+  margin-bottom: 0px;
+}
+.main-content.request-area .sticky-top {
+  height: calc(100vh - 20px);
+  overflow: scroll;
+}
+.card-form-dev label {
+  font-size: 20px;
+  line-height: 24px;
+  font-weight: 500;
+  font-family: 'gt-eesti-regular';
+}
+.card-form-dev .checkbox-wrapper label,
+.card-form-dev .user_story_form label {
+  font-weight: 400;
+  font-size: 16px;
+  font-family: 'hk_groteskmedium';
+}
+.card-form-dev .user_story_form label {
+  margin-top: 12px;
+  margin-bottom: 0px;
+}
+
+/* =========================== */
+/* Menu Dots open on hover */
+
+.ui-app-area .table-responsive {
+  overflow: visible;
+}
+.dropdown.dropleft:hover > .dropdown-menu {
+  display: block !important;
+  right: 8px !important;
+  cursor: pointer;
+}
+.title-section .dropdown.dropleft:hover > .dropdown-menu {
+  left: 0 !important;
+}
+
+/* =========================== */
+/* Breadcrumbs - UI adaptations */
+
+.breadcrumb {
+  color: #6c757d;
+}
+
+/* =========================== */
+/* Admin App - LP */
+
+
+
+
+
+
+
+
+

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

@@ -459,6 +459,35 @@ $lg-paddingbottom: 60px;
     height: 30px;
   }
 }
+
+@media (max-width: 580px) {
+  .am-content.ui-app-area .widget-area .widget-box {
+    width: 50% !important;
+  }
+  .am-content.ui-app-area .block-stats .block-stats-area .parcels-list div {
+    width: 100% !important;
+  }
+  .am-content.ui-app-area .block-stats .block-stats-area .table-responsive tbody tr td {
+    padding-right: 10px;
+  }
+  .am-content.ui-app-area .block-stats .block-stats-area.asking-price-range .w-25 {
+    width: 50% !important;
+    margin-bottom: 12px;
+  }
+  .am-content.ui-app-area .block-stats .block-stats-area .list-approbed {
+    width: 100% !important;
+    padding-top: 320px;
+    padding-right: 0 !important;
+  }
+  .am-content.ui-app-area .block-stats .block-stats-area .maps-frame {
+    height: 300px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 100% !important;
+  }
+}
+
 @media (max-width: 480px) {
   .am-content.ui-app-area table {
     table-layout: auto !important;

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.11"
+  VERSION = "0.15"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.11'
+  version: '0.15'
 platform: ruby
 authors:
 - Jose Camacho
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-09-02 00:00:00.000000000 Z
+date: 2021-10-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -44,7 +44,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 4.6.0
-description:
+description: 
 email:
 - jose@welcomehomes.com
 executables: []
@@ -251,7 +251,7 @@ licenses:
 - MIT
 metadata:
   homepage_uri: https://github.com/WelcomeHomes/welcome_css
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -266,8 +266,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.3
-signing_key:
+rubygems_version: 3.1.4
+signing_key: 
 specification_version: 4
 summary: Stylesheets for dashboards and admin systems
 test_files: []