diff --git a/assets/css/paybutton-admin.css b/assets/css/paybutton-admin.css new file mode 100644 index 0000000..5cc9f1a --- /dev/null +++ b/assets/css/paybutton-admin.css @@ -0,0 +1,81 @@ +/* paybutton-admin.css */ + +/* ------------------------------ + Dashboard page styles +------------------------------ */ + +/* Container for the dashboard buttons */ +.paybutton-dashboard-buttons { + display: flex; + gap: 2rem !important; + margin-top: 2rem !important; + flex-wrap: wrap; +} + +/* Each dashboard button box */ +.paybutton-dashboard-button { + flex: 1; + min-width: 250px !important; + border: 1px solid #ddd; + padding: 2rem !important; + text-align: center; +} + +/* Disabled button style (e.g., for "Coming soon") */ +.paybutton-dashboard-button.disabled { + opacity: 0.5; +} + +/* The link inside a button */ +.paybutton-dashboard-link { + font-size: 1.2em !important; + padding: 2rem !important; + display: inline-block; + width: 100%; +} + +/* For text inside a button */ +.paybutton-dashboard-text { + font-size: 1.2em; + padding: 2rem; + margin: 0; +} + +/* Container for the icons block */ +.paybutton-dashboard-icons { + margin-top: 2rem; + text-align: left; +} + +/* Each icon link */ +.paybutton-dashboard-icon-link { + margin-right: 1rem; + text-decoration: none; + outline: none; +} + +/* Icon images */ +.paybutton-dashboard-icon { + border: none; +} + +/* ------------------------------ + Customers and Content tables +------------------------------ */ +table.widefat.fixed.striped { + table-layout: auto !important; + width: 100% !important; +} + +table.widefat.fixed.striped th, +table.widefat.fixed.striped td { + white-space: nowrap; + overflow: visible; +} + +/* ------------------------------ + Utility class for paragrah margin-top +------------------------------ */ +.pb-paragraph-margin-top { + margin-top: 1rem; +} \ No newline at end of file diff --git a/includes/class-paybutton-admin.php b/includes/class-paybutton-admin.php index 90d0c00..09f08a8 100644 --- a/includes/class-paybutton-admin.php +++ b/includes/class-paybutton-admin.php @@ -67,6 +67,14 @@ public function add_admin_menus() { * color selection functionality. */ public function enqueue_admin_scripts( $hook_suffix ) { + // Enqueue the paybutton-admin.css on every admin page + wp_enqueue_style( + 'paybutton-admin', + PAYBUTTON_PLUGIN_URL . 'assets/css/paybutton-admin.css', + array(), + '1.0' + ); + if ( $hook_suffix === 'toplevel_page_paybutton-paywall' ) { wp_enqueue_style( 'wp-color-picker' ); wp_enqueue_script( 'wp-color-picker' ); diff --git a/templates/admin/content.php b/templates/admin/content.php index 19077e8..a27f094 100644 --- a/templates/admin/content.php +++ b/templates/admin/content.php @@ -57,7 +57,7 @@ function paybutton_sort_content_table( $col, $label, $orderby, $order, $base_url -
+
Sign up for a FREE PayButton account to get access to advanced payment tracking & business features.
diff --git a/templates/admin/customers.php b/templates/admin/customers.php index d0f6276..34a92e7 100644 --- a/templates/admin/customers.php +++ b/templates/admin/customers.php @@ -133,7 +133,7 @@ function paybutton_sort_customers_table( $col, $label, $orderby, $order, $base_u -+
Sign up for a FREE PayButton account to get access to advanced payment tracking & business features.
diff --git a/templates/admin/dashboard.php b/templates/admin/dashboard.php index bcf0624..af78666 100644 --- a/templates/admin/dashboard.php +++ b/templates/admin/dashboard.php @@ -8,42 +8,48 @@