From ba0878b2305d8ea194716675e543cd8dbd5b508c Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Tue, 25 Mar 2025 00:57:40 +0000
Subject: [PATCH] Update theme tiles to be constrained to max-width of 800px
---
admin/css/wp-allstars-admin.css | 3 +++
admin/css/wp-allstars-plugins.css | 6 ++++++
2 files changed, 9 insertions(+)
diff --git a/admin/css/wp-allstars-admin.css b/admin/css/wp-allstars-admin.css
index f41a01f..9696d0d 100644
--- a/admin/css/wp-allstars-admin.css
+++ b/admin/css/wp-allstars-admin.css
@@ -549,6 +549,8 @@ input:checked + .wp-toggle-slider:before {
padding: 0 20px;
position: relative;
min-height: 400px;
+ max-width: 800px;
+ margin: 0 auto;
}
/* Theme Card Styles - Scoped to our plugin only */
@@ -561,6 +563,7 @@ input:checked + .wp-toggle-slider:before {
margin-bottom: 20px;
overflow: hidden;
transition: all 0.2s ease;
+ width: 100%;
}
.theme-card:hover {
diff --git a/admin/css/wp-allstars-plugins.css b/admin/css/wp-allstars-plugins.css
index b150436..03d3491 100644
--- a/admin/css/wp-allstars-plugins.css
+++ b/admin/css/wp-allstars-plugins.css
@@ -778,6 +778,12 @@ body.wp-admin .plugin-card-bottom .compatibility-untested *,
}
/* Theme Browser */
+.theme-browser {
+ max-width: 800px;
+ margin: 0 auto;
+ width: 100%;
+}
+
.theme-browser .theme {
cursor: pointer;
float: left;