Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Styling issue with Cart template #10177

Closed
alexflorisca opened this issue Jul 12, 2023 · 1 comment · Fixed by #10182
Closed

Styling issue with Cart template #10177

alexflorisca opened this issue Jul 12, 2023 · 1 comment · Fixed by #10182
Assignees
Labels
block: cart Issues related to the cart block. focus: global styles Issues that involve styles/css/layout structure. type: bug The issue/PR concerns a confirmed bug.

Comments

@alexflorisca
Copy link
Member

Describe the bug

There are a couple of visual style issues with the Cart template. A picture speaks a thousand words, see below for screenshots

To reproduce

Steps to reproduce the behavior:

  1. Install and activate a block theme
  2. Open up the Cart page in the site editor
  3. See visual bugs

Expected behavior

I would expect no visual style issues

Screenshots

The text “– OR–” overlaps the Proceed to Checkout button
The text “– OR–” overlaps the Proceed to Checkout button

The CART TOTALS element receives an inline style of height:10px which cuts off the text
The CART TOTALS element receives an inline style of height:10px which cuts off the text

Additional context

Tested on Twenty Twenty Three and Kabru themes

@alexflorisca alexflorisca added type: bug The issue/PR concerns a confirmed bug. block: cart Issues related to the cart block. focus: global styles Issues that involve styles/css/layout structure. labels Jul 12, 2023
@alexflorisca
Copy link
Member Author

On further inspection, The CART TOTALS text is resized based on the window size, so it doesn't always get cut off. I'm not sure there is anything we can do about it though as that comes from the site editor code?

The bug with the margin around the Proceed to Checkout block has been fixed in #10182

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
block: cart Issues related to the cart block. focus: global styles Issues that involve styles/css/layout structure. type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
1 participant