From 0565342c8c9bcf22b02561dffbe5a5c2dc96166e Mon Sep 17 00:00:00 2001 From: Groupr Date: Tue, 28 Oct 2025 23:00:26 +0000 Subject: [PATCH 1/3] Update shop_products.j2 - Added the mobile-only Status column markup with class="col-status". Combined visibility emoji plus bundle/physical/ready indicators into stacked status rows. Wrapped price and size values so decimal points render through span.decimal-dot for bold dots. --- make_post_sell/templates/shop_products.j2 | 28 ++++++++++++++++++++--- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/make_post_sell/templates/shop_products.j2 b/make_post_sell/templates/shop_products.j2 index 3d0c150..5a485b5 100644 --- a/make_post_sell/templates/shop_products.j2 +++ b/make_post_sell/templates/shop_products.j2 @@ -10,20 +10,42 @@ tr { text-align: left;} - {% for product in products %} - + - + + {% endfor %} From 42da9d35fa8e7d35e223a5666d2642b24bb20c23 Mon Sep 17 00:00:00 2001 From: Groupr Date: Tue, 28 Oct 2025 23:03:05 +0000 Subject: [PATCH 2/3] =?UTF-8?q?Update=20common.css=20Added=20.col-status?= =?UTF-8?q?=20{=20display:=20none;=20}=20and=20mobile=20portrait=20media?= =?UTF-8?q?=20rules=20to=20hide=20columns=203=E2=80=936,=20show=20the=20ne?= =?UTF-8?q?w=20Status=20column,=20and=20size=20Sellable/Price/Size=20for?= =?UTF-8?q?=20mobile.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Enabled title wrapping, ensured consistent header fonts, tuned column widths (Sellable wider, Status fixed, Size narrower), and added status-line spacing plus decimal-dot styling. --- make_post_sell/static/css/common.css | 122 +++++++++++++++++++++++++++ 1 file changed, 122 insertions(+) diff --git a/make_post_sell/static/css/common.css b/make_post_sell/static/css/common.css index ebce1d0..0157d86 100644 --- a/make_post_sell/static/css/common.css +++ b/make_post_sell/static/css/common.css @@ -44,6 +44,128 @@ table { width: 100%; } +/* Products editor: Status column hidden by default (desktop/landscape) */ +.col-status { display: none; } + +/* Mobile PORTRAIT only adjustments for products table */ +@media (max-width: 640px) and (orientation: portrait) { + /* Let columns size naturally and tighten spacing */ + .table-fixed-layout { table-layout: auto; } + .table-fixed-layout th, .table-fixed-layout td { padding: 6px; font-size: 14px; } + + /* Hide low-priority columns: Visibility(3), Bundle(4), Physical(5), Ready(6) */ + .table-fixed-layout th:nth-child(3), .table-fixed-layout td:nth-child(3), + .table-fixed-layout th:nth-child(4), .table-fixed-layout td:nth-child(4), + .table-fixed-layout th:nth-child(5), .table-fixed-layout td:nth-child(5), + .table-fixed-layout th:nth-child(6), .table-fixed-layout td:nth-child(6) { + display: none; + } + + /* Show compact Status column (now header index 8, cell .col-status) */ + .table-fixed-layout th.col-status, .table-fixed-layout td.col-status { display: table-cell; } + + /* Allow Title (7) to wrap to multiple lines and keep bold */ + .table-fixed-layout th:nth-child(7), .table-fixed-layout td:nth-child(7) { + white-space: normal; + width: 88px; + min-width: 88px; + max-width: 88px; + word-wrap: break-word; + overflow-wrap: break-word; + } + .table-fixed-layout td:nth-child(7) b { + font-weight: bold; + } + + /* Make Sellable (1) and Price (2) sit closer together and more compact */ + .table-fixed-layout th:nth-child(1), .table-fixed-layout td:nth-child(1) { + width: auto; + max-width: 66px; + min-width: 36px; + padding-right: 6px; + white-space: normal; + word-wrap: break-word; + overflow-wrap: break-word; + } + .table-fixed-layout th:nth-child(2), .table-fixed-layout td:nth-child(2) { + width: auto; + max-width: 65px; + min-width: 32px; + padding-left: 4px; + padding-right: 4px; + white-space: normal; + word-wrap: break-word; + overflow-wrap: break-word; + } + + /* Constrain Size column (9) to give Title more space */ + .table-fixed-layout th:nth-child(9), .table-fixed-layout td:nth-child(9) { + max-width: 66px; + min-width: 32px; + padding-left: 4px; + padding-right: 4px; + white-space: normal; + word-wrap: break-word; + font-size: 14px; + } + + /* Ensure check/cross glyphs render consistently and add visual polish */ + .table-fixed-layout td.col-status { + font-family: system-ui, "Segoe UI Symbol", "Noto Sans Symbols", "Apple Color Emoji", + "Noto Color Emoji", "Helvetica", "Arial", sans-serif; + padding: 8px 6px; + } + + /* Align status lines with fixed-width labels for easier eye tracking */ + .status-line { + display: flex; + gap: 2px; + margin-bottom: 4px; + align-items: baseline; + white-space: nowrap; + } + .status-line:last-child { + margin-bottom: 0; + } + .status-label { + display: inline-block; + min-width: 44px; + max-width: 44px; + text-align: left; + flex-shrink: 0; + margin-right: 3px; + } + .status-dot { + margin: 0 4px 0 2px; + } + .status-value { + flex-shrink: 0; + } + + .decimal-dot { + font-weight: 700; + display: inline-block; + padding: 0 1px; + } + + /* Allow Status column to wrap rows but keep each line intact */ + .table-fixed-layout th.col-status, .table-fixed-layout td.col-status { + white-space: normal; + width: 84px; + min-width: 84px; + max-width: 84px; + } + + /* Ensure table doesn't overflow on very small screens */ + @media (max-width: 400px) { + .table-fixed-layout th:nth-child(1), .table-fixed-layout td:nth-child(1) { width: 52px; font-size: 13px; } + .table-fixed-layout th:nth-child(2), .table-fixed-layout td:nth-child(2) { width: 80px; font-size: 13px; } + .table-fixed-layout td:nth-child(9) { width: 50px; font-size: 13px; } + .table-fixed-layout th:nth-child(9) { width: 50px; } + .status-label { min-width: 56px; max-width: 56px; font-size: 13px; } + } +} + table tr:nth-child(even) { /* Light gray background for even rows */ background-color: #f2f2f2; From f539323fb028503889eb2ba8317d505a34a904a1 Mon Sep 17 00:00:00 2001 From: Groupr Date: Tue, 28 Oct 2025 23:03:54 +0000 Subject: [PATCH 3/3] Update meta.py Capitalized the human-readable visibility labels (Public, Private, Unlisted). --- make_post_sell/models/meta.py | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/make_post_sell/models/meta.py b/make_post_sell/models/meta.py index 35616f6..0a04775 100644 --- a/make_post_sell/models/meta.py +++ b/make_post_sell/models/meta.py @@ -65,9 +65,9 @@ COUPON_ACTION_TYPES = { } VISIBILITY_INT_TO_HUMAN = { - 0: "private", - 1: "public", - 2: "unlisted", + 0: "Private", + 1: "Public", + 2: "Unlisted", }
Sellable Price Visibility Bundle Physical Ready Title Size +
Sellable Price Visibility Bundle Physical Ready Title Status Size
{{ product.is_sellable }}${{ '{:,.2f}'.format(product.price) }}${{ '{:,.2f}'.format(product.price)|replace('.', '.')|safe }} {{ product.human_visibility }} {{ product.is_bundle }} {{ product.is_physical }} {{ product.is_ready }} {{ product.title }}{{ product.human_total_file_bytes }} +
+ {{ product.human_visibility }} + • + {{ '🌍' if product.is_public else '🔒' if product.is_private else '👁️‍🗨️' }} +
+
+ Bundle + • + {{ '✓'|safe if product.is_bundle else '✗'|safe }} +
+
+ Physical + • + {{ '✓'|safe if product.is_physical else '✗'|safe }} +
+
+ Ready + • + {{ '✓'|safe if product.is_ready else '✗'|safe }} +
+ 		{{ product.human_total_file_bytes|replace('.', '.')|safe }}