Updated the CartPage CSS to make the behaviour of the Update butt…

…on align with other "buttons" on hover
dotnet-presentations · Feb 13, 2024 · fe8e7a0 · fe8e7a0
1 parent cacd472
commit fe8e7a0
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 0 deletions.
diff --git a/labs/4-Add-Shopping-Basket/end/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/4-Add-Shopping-Basket/end/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;

diff --git a/labs/4-Add-Shopping-Basket/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/4-Add-Shopping-Basket/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;

diff --git a/labs/5-Add-Checkout/end/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/5-Add-Checkout/end/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;

diff --git a/labs/5-Add-Checkout/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/5-Add-Checkout/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;

diff --git a/labs/6-Add-Resiliency/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/labs/6-Add-Resiliency/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;

diff --git a/src/WebApp/Components/Pages/Cart/CartPage.razor.css b/src/WebApp/Components/Pages/Cart/CartPage.razor.css
@@ -52,6 +52,12 @@
     gap: 0.5rem;
 }
 
+.cart-items .cart-item .catalog-item-quantity form button:hover {
+    cursor: pointer;
+    background: #000;
+    color: #FFF;
+}
+
 .cart-items .cart-item .catalog-item-quantity input {
     max-width: 3rem;
     padding: 1rem 0.75rem;