@useblu/ocean-core 1.59.0 → 1.59.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.59.2](https://github.com/ocean-ds/ocean-web/compare/v1.59.1...v1.59.2) (2024-06-05)
+
+### Bug Fixes
+
+- transaction list item ([#1102](https://github.com/ocean-ds/ocean-web/issues/1102)) ([94768d5](https://github.com/ocean-ds/ocean-web/commit/94768d5f50d45ca5f3779c92b6496f87952c20b2))
+
+## [1.59.1](https://github.com/ocean-ds/ocean-web/compare/v1.59.0...v1.59.1) (2024-05-29)
+
+### Bug Fixes
+
+- adjust on transaction list item ([#1101](https://github.com/ocean-ds/ocean-web/issues/1101)) ([a8fd429](https://github.com/ocean-ds/ocean-web/commit/a8fd42946502676a556e93897d1167139b34ef8e))
+
 # [1.59.0](https://github.com/ocean-ds/ocean-web/compare/v1.58.0...v1.59.0) (2024-05-16)
 
 ### Features

package/ocean.css

@@ -2435,14 +2435,9 @@
 
 .ods-transaction-list-item__icon {
   align-items: center;
-  background-color: #f3f5fe;
-  border-radius: 40px;
   color: #aaadc0;
   display: flex;
-  height: 40px;
   justify-content: center;
-  min-width: 40px;
-  width: 40px;
 }
 @media (max-width: 575.98px) {
   .ods-transaction-list-item__icon {
@@ -2460,14 +2455,26 @@
 .ods-transaction-list-item:hover, .ods-transaction-list-item:focus {
   background-color: #f3f5fe;
 }
-.ods-transaction-list-item:hover .ods-transaction-list-item__icon, .ods-transaction-list-item:focus .ods-transaction-list-item__icon {
-  background-color: #e0e2ee;
-}
 .ods-transaction-list-item:active {
   background-color: #ced1e1;
 }
-.ods-transaction-list-item:active .ods-transaction-list-item__icon {
-  background-color: #e0e2ee;
+.ods-transaction-list-item.ods-transaction-list-item--readonly {
+  pointer-events: none;
+}
+.ods-transaction-list-item.ods-transaction-list-item--readonly:hover {
+  background-color: inherit;
+}
+.ods-transaction-list-item--chevron .ods-transaction-list-item__content {
+  padding: 16px 8px 16px 16px;
+}
+.ods-transaction-list-item--readonly .ods-transaction-list-item__content {
+  padding: 16px;
+}
+.ods-transaction-list-item--isloading {
+  pointer-events: none;
+}
+.ods-transaction-list-item--isloading .ods-transaction-list-item__content:hover, .ods-transaction-list-item--isloading .ods-transaction-list-item__content:focus {
+  background-color: white;
 }
 .ods-transaction-list-item .ods-transaction-list-item__sub-itens .ods-transaction-list-item {
   background-color: transparent;
@@ -2498,8 +2505,6 @@
 .ods-transaction-list-item__content {
   align-items: center;
   box-sizing: border-box;
-  -moz-column-gap: 8px;
-       column-gap: 8px;
   cursor: pointer;
   display: flex;
   justify-content: center;
@@ -2513,9 +2518,19 @@
 }
 
 .ods-transaction-list-item__information {
+  margin: 0 16px 0 0;
   overflow: hidden;
   width: 100%;
 }
+@media (max-width: 575.98px) {
+  .ods-transaction-list-item__information {
+    margin: 0 8px 0 0;
+  }
+}
+
+.ods-transaction-list-item__information--with-icon {
+  margin: 0 16px 0 12px;
+}
 
 .ods-transaction-list-item__sub-information {
   text-align: right;
@@ -2525,7 +2540,7 @@
   color: #0c0d14;
   font-family: "Nunito Sans";
   font-size: 16px;
-  font-weight: 600;
+  font-weight: 400;
   margin-bottom: 4px;
 }
 
@@ -2557,7 +2572,7 @@
 }
 
 .ods-transaction-list-item__level3 {
-  color: #aaadc0;
+  color: #67697a;
   font-family: "Nunito Sans";
   font-size: 12px;
   font-weight: 600;
@@ -2575,10 +2590,15 @@
   color: #0c0d14;
   font-family: "Nunito Sans";
   font-size: 16px;
-  font-weight: 700;
+  font-weight: 600;
   margin-bottom: 4px;
   white-space: nowrap;
 }
+@media (max-width: 575.98px) {
+  .ods-transaction-list-item__value {
+    font-size: 14px;
+  }
+}
 .ods-transaction-list-item__value--positive {
   color: #2da94f;
 }
@@ -2598,6 +2618,18 @@
   font-weight: 600;
 }
 
+.ods-transaction-list-item__chevron {
+  color: #aaadc0;
+  margin-left: 12px;
+  min-height: 20px;
+  min-width: 20px;
+}
+@media (max-width: 575.98px) {
+  .ods-transaction-list-item__chevron {
+    margin-left: 8px;
+  }
+}
+
 .ods-modal__overlay {
   background: rgba(57, 59, 71, 0.4);
   bottom: 0;