From 25d3fcb9996a2701837aca8291981d503938fa89 Mon Sep 17 00:00:00 2001 From: xecdev Date: Thu, 5 Jun 2025 19:47:39 +0430 Subject: [PATCH 1/3] Fix 'Unlocked Content Indicator' for Mobile View --- assets/css/paywall-styles.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/assets/css/paywall-styles.css b/assets/css/paywall-styles.css index 2d3ebcc..976b198 100644 --- a/assets/css/paywall-styles.css +++ b/assets/css/paywall-styles.css @@ -6,16 +6,20 @@ font-family: inherit; font-weight: 800; /* Strong text */ font-size: 1rem; + text-align:center; } .unlocked-indicator::before, .unlocked-indicator::after { content: ""; - flex: 1; + flex: 1 1 auto; + min-width: 20px; height: 1px; background: currentColor; /* Uses the same color as the text */ } .unlocked-indicator span { + display: inline-block; padding: 0 1rem; /* Space between text and lines */ + word-break: break-word; } \ No newline at end of file From d5446f379ba809a32bdb927ded4238c9ecc39619 Mon Sep 17 00:00:00 2001 From: xecdev Date: Thu, 5 Jun 2025 20:08:46 +0430 Subject: [PATCH 2/3] Remove bold style and new CSS rule for font-size for mobile devices --- assets/css/paywall-styles.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/assets/css/paywall-styles.css b/assets/css/paywall-styles.css index 976b198..35a635c 100644 --- a/assets/css/paywall-styles.css +++ b/assets/css/paywall-styles.css @@ -4,11 +4,17 @@ margin: 2rem 0; color: var(--pb-unlocked-indicator-color); /* Line + text color */ font-family: inherit; - font-weight: 800; /* Strong text */ font-size: 1rem; text-align:center; } +/* Mobile override rule */ +@media (max-width: 600px) { + .unlocked-indicator { + font-size: 9px; + } +} + .unlocked-indicator::before, .unlocked-indicator::after { content: ""; From 466cf347ee2fcb9e517b6624743cf33c669adc40 Mon Sep 17 00:00:00 2001 From: xecdev Date: Fri, 6 Jun 2025 06:54:39 +0430 Subject: [PATCH 3/3] Rebase and resolve conflict --- assets/css/paywall-styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/paywall-styles.css b/assets/css/paywall-styles.css index 00820f4..41c53a0 100644 --- a/assets/css/paywall-styles.css +++ b/assets/css/paywall-styles.css @@ -30,7 +30,7 @@ word-break: break-word; } -/* Show Unlock Count on Front-end */ +/* Show Unlock Count on the Front-end */ .pb-frontend-unlock-count { color: var(--pb-frontend-unlock-color, #0074C2); margin-bottom: 1em;