aciidic/shipping-label-wizard

Update README.md

Update index.html

Manual changes saved

Manual changes saved

Manual changes saved

Manual changes saved

Manual changes saved

Manual changes saved

Manual changes saved

Delete external

Manual changes saved

Manual changes saved

Update README.md

Create anime.min.js

Create feather.min.js

Create external/tailwind.min.css

Delete tailwindcss.com.css

Rename M75A7YZF to tailwindcss.com.css

https://cdn.tailwindcss.com

Manual changes saved

Manual changes saved

Manual changes saved

We do not have any live label preview output (it is blank) investigate why - the recent changes have broken something. Let's return to the edit at 10/10/25 14:07:32, to resolve the display issues of blank labels

undo previous 3 edit requests

undo

Set the main label and image to share both 50% of the width of the page. image should be centered horizontally and vertically, and image height should be 80% of the label height, while maintaing aspect ratio

- rename "Exception Symbols" option to "Show Conditon Symbols" - by default we want the checkbox set to true not false

expand column to be 60% width, column 2 will be 40%

Move up, so that it's 20% from the top of the label

Let's embed al css, js and fonts locally so we are not referencing online resources

Bring label name down to 20% from top of label, limit horizontal overflow of label name to 4 lines of text

Ensure the Label Name appears on top of other elements

Let's adjust the base label:

Manual changes saved

Add 2mm of left padding to the logo image on the base label (https://www.robinsonsrelo.com/wp-content/uploads/2024/04/logo-2-662248c068127.png)

Add 2mm of left padding to the logo image on the base label (https://www.robinsonsrelo.com/wp-content/uploads/2024/04/logo-2-662248c068127.png)

Promote version 9cbef6a to main

Left-align the logo image (https://www.robinsonsrelo.com/wp-content/uploads/2024/04/logo-2-662248c068127.png) with the Label Name

Create a base label as follows:

The "Exception Symbols unchecked" labels are still not appearing the same as the "Exception Symbols checked labels". Re-evalutate the website code & use the same "base label" generated for both options; "Exception Symbols unchecked" and "Exception Symbols checked" - both should refer to the same base label and be identical (other than the aforementioned changes)

Live label preview with Exception Symbols unchecked is now working.

We are still not seeing any live label preview output when Exception Symbols is unchecked. Identify the section of code which handles live preview output, and investigate why the output is blank with Exception Symbols unchecked.

Manual changes saved

Change the main body of the page background to orange colour provided. Ensure buttons on page are readable by adjusting colours using those provided, following UI & UX best practices.

Promote version ee61f7a to main

When Exception symbols is ticked, ensure the label occupies 50% of the width of the row, and the symbols image occupies the other 50% of the width - scale height of both appropriately, do not use the current 60/40% ratio.

When Exception symbols is ticked, ensure the label occupies 50% of the width of the row, and the symbols image occupies the other 50% of the width - scale height of both appropriately.

Currently the live label preview is working as expected when the exceptions symbols option is checked. However when it is unchecked the live label preview is blank. Ensure this is resolved and we are shown a grid of 2 x 4 labels on the page (without symbols image) when the exception symbols is unchecked. Rename page title to Robinsons Shipping Labels. Use the below colours and adjust the webpage colour scheme while following best practice for readability and UI usability (do not change the label colour that should always remain as a white background)

Currently the live preview is blank. If required you should delete & re-create the live label preview entirely, re-evaluate the previous requests & ensure output aligns with the request.

The Live Label Preview appears to be stacking labels/grids within the same single cell, this is incorrect. We want the A4 page layout to be a grid of 2 x 4 with each cell containing one label. if the exceptions symbols are checked, we want the A4 portrait page layout to be 1 x 4 (1 column wide 4 rows tall) with each label and exceptions image in each cell. Refer to original instructions and rewrite the live label preview code. Also, Increase the size of Label Name by 2x (and other corresponding texts)