feat: xyz

plodovi · Jun 13, 2023 · f38321d · f38321d
1 parent 962edd2
commit f38321d
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 4 deletions.
diff --git a/src/AddToCart.ts b/src/AddToCart.ts
@@ -12,18 +12,20 @@ export class AddToCart extends LitElement {
       padding: var(--btn-padding);
       outline: none;
       border: none;
-      font-size: var(--font-size);
       margin: var(--margin-x);
       align-items: center;
       cursor: pointer;
       display: inline-flex;
+      -webkit-tap-highlight-color: transparent;
     }
 
     button {
       background: none;
       outline: none;
       border:none;
       cursor: pointer;
+      font-size: var(--font-size);
+      -webkit-tap-highlight-color: transparent;
     }
   `];
 

diff --git a/src/Cart.ts b/src/Cart.ts
@@ -23,8 +23,9 @@ export class Cart extends LitElement {
       border-radius: var(--br-medium);
       color:var(--text-light);
       position: absolute;
-      right: 0px;
+      right: 1rem;
       top: 5rem;
+      -webkit-tap-highlight-color: transparent;
     }
 
     .product-wrapper {

diff --git a/src/CartToggle.ts b/src/CartToggle.ts
@@ -13,19 +13,21 @@ export class CartToggle extends LitElement {
       padding: var(--btn-padding);
       outline: none;
       border: none;
-      font-size: var(--font-size);
       color: var(--text-dark);
       margin: var(--margin-x);
       display: flex;
       align-items: center;
       cursor: pointer;
+      -webkit-tap-highlight-color: transparent;
     }
 
     button {
       background: none;
       outline: none;
       border:none;
       cursor: pointer;
+      font-size: var(--font-size);
+      -webkit-tap-highlight-color: transparent;
     }
 
     div {

diff --git a/src/CheckoutButton.ts b/src/CheckoutButton.ts
@@ -11,19 +11,21 @@ export class CheckoutButton extends LitElement {
         padding: var(--btn-padding);
         outline: none;
         border: none;
-        font-size: var(--font-size);
         color: var(--text-dark);
         margin: var(--margin-x);
         display: flex;
         align-items: center;
         cursor: pointer;
+        -webkit-tap-highlight-color: transparent;
       }
 
       button {
         background: none;
         outline: none;
         border:none;
         cursor: pointer;
+        font-size: var(--font-size);
+        -webkit-tap-highlight-color: transparent;
       }
   `];