Review comment changes

hlxsites · May 24, 2024 · d6315fd · d6315fd
1 parent 60cc183
commit d6315fd
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 35 deletions.
diff --git a/blocks/transactions/transactions.css → ...agent-transactions/agent-transactions.css b/blocks/transactions/transactions.css → ...agent-transactions/agent-transactions.css
@@ -1,49 +1,49 @@
-.transactions table {
+.agent-transactions.block table {
   width: 100%;
   font-size: var(--body-font-size-s);
   line-height: var(--line-height-m);
   margin-bottom: 0.25rem;
 }
 
-.transactions h1 {
+.agent-transactions.block h1 {
   font-size: var(--heading-font-size-l);
   line-height: var(--line-height-s);
   color: var(--primary-color);
   margin: 0 1.875rem 1.5rem 0;
   font-weight: 600;
 }
 
-.transactions .hide {
+.agent-transactions.block .hide {
   display: none;
 }
 
-.transactions .show {
+.agent-transactions.block .show {
   display: table-row;
 }
 
-.transactions thead {
-  background: #eae9e9;
+.agent-transactions.block thead {
+  background: var(--platinum);
   font-size: var(--body-font-size-xs);
   line-height: var(--line-height-m);
   font-weight: var(--font-weight-bold);
   text-transform: capitalize;
 }
 
-.transactions tbody td {
+.agent-transactions.block tbody td {
   padding-bottom: 0.5rem;
   padding-top: 0.25rem;
   font-size: var(--body-font-size-xs);
 }
 
-.transactions a {
+.agent-transactions.block a {
   line-height: var(--line-height-m);
-  letter-spacing: 1.4px;
+  letter-spacing: var(--letter-spacing-m);
   text-transform: uppercase;
   padding-left: 1rem;
   cursor: pointer;
 }
 
-.transactions a.show-more::after {
+.agent-transactions.block a.show-more::after {
   content: "View More";
   display: inline-block;
   background-image: url("../../icons/arrow-down.svg");
@@ -54,7 +54,7 @@
   font-weight: var(--font-weight-bold);
 }
 
-.transactions a.show-less::after {
+.agent-transactions.block a.show-less::after {
   content: "View Less";
   display: inline-block;
   background-image: url("../../icons/arrow-up.svg");
@@ -65,88 +65,93 @@
   font-weight: var(--font-weight-bold);
 }
 
-.transactions thead th {
+.agent-transactions.block thead th {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
 }
 
-.transactions thead th:first-of-type {
+.agent-transactions.block thead th:first-of-type {
   padding-left: 1rem;
 }
 
-.transactions tbody td:first-of-type {
+.agent-transactions.block tbody td:first-of-type {
   padding-left: 1rem;
 }
 
-.transactions .default {
+.agent-transactions.block .default {
   display: table-cell;
 }
 
-.transactions .medium,
-.transactions .large,
-.transactions .xl {
+.agent-transactions.block .medium,
+.agent-transactions.block .large,
+.agent-transactions.block .xl {
   display: none;
 }
 
-.transactions .sold-price {
+.agent-transactions.block .sold-price {
   width: 40%;
 }
 
 @media (min-width: 600px) {
-  .transactions h1 {
-    font-size: 1.875rem;
-  }
-
-  .transactions .medium {
+  .agent-transactions.block .medium {
     display: table-cell;
   }
 
-  .transactions .address {
+  .agent-transactions.block .address {
     width: 48.7%;
   }
 
-  .transactions .city {
+  .agent-transactions.block .city {
     width: 24.5%;
   }
 
-  .transactions .state {
+  .agent-transactions.block .state {
     width: 7.4%;
   }
 
-  .transactions .sold-price {
+  .agent-transactions.block .sold-price {
     width: 40%;
   }
 }
 
 @media (min-width: 992px) {
-  .transactions thead {
+  .agent-transactions.block h1 {
+    font-size: 1.875rem;
+  }
+
+  .agent-transactions.block thead {
     font-size: var(--body-font-size-s);
   }
 
-  .transactions tbody td {
+  .agent-transactions.block tbody td {
     font-size: var(--body-font-size-s);
     padding-top: 0.5rem;
   }
 
-  .transactions .large {
+  .agent-transactions.block .large {
     display: table-cell;
   }
 
-  .transactions .address {
+  .agent-transactions.block .address {
     width: auto;
   }
 
-  .transactions .city {
+  .agent-transactions.block .city {
     width: 15%;
   }
 
-  .transactions .sold-price {
+  .agent-transactions.block .sold-price {
     width: 13%;
   }
 }
 
 @media (min-width: 1200px) {
-  .transactions .xl {
+  .agent-transactions.block .xl {
     display: table-cell;
   }
+
+  .agent-transactions.block .beds,
+  .agent-transactions.block .baths {
+    width: 5%;
+  }
 }
diff --git a/blocks/transactions/transactions.js → .../agent-transactions/agent-transactions.js b/blocks/transactions/transactions.js → .../agent-transactions/agent-transactions.js