From 5ffbe7bcab8a083beb93b7278a53516ab4ffd2e3 Mon Sep 17 00:00:00 2001 From: Joe Dolson Date: Sat, 25 May 2024 14:29:21 -0500 Subject: [PATCH] Form field mis-wrapped; styling --- src/css/styles.css | 9 +++++++++ src/wp-to-twitter-mastodon.php | 4 ++-- src/wp-to-twitter-oauth.php | 6 +++--- 3 files changed, 14 insertions(+), 5 deletions(-) diff --git a/src/css/styles.css b/src/css/styles.css index 26c861b..466bb74 100644 --- a/src/css/styles.css +++ b/src/css/styles.css @@ -22,6 +22,15 @@ aside.xposter-sales { margin-top: 10px; } +.wpt-connection-form .auth-fields { + margin: .5rem 0; + padding: .25rem 1rem; + width:fit-content; + background:rgba( 0,0,0,.04 ); + box-shadow: 3px 3px 3px #ddd; + border: 1px solid #bbb; +} + .wpt-connection-form label { font-weight: 600; display: block; diff --git a/src/wp-to-twitter-mastodon.php b/src/wp-to-twitter-mastodon.php index 0ee4759..b8c8135 100644 --- a/src/wp-to-twitter-mastodon.php +++ b/src/wp-to-twitter-mastodon.php @@ -122,6 +122,7 @@ function wtt_connect_mastodon( $auth = false ) { print( '

' . __( 'Connect to Mastodon', 'wp-to-twitter' ) . ' ' . __( 'Instructions', 'wp-to-twitter' ) . '

+ ' . $form . '
  1. ' . __( 'Navigate to Preferences > Settings > Development in your Mastodon account.', 'wp-to-twitter' ) . '
  2. ' . __( 'Click on "New application".', 'wp-to-twitter' ) . '
    3. @@ -132,8 +133,7 @@ function wtt_connect_mastodon( $auth = false ) {
  3. ' . __( 'Select your application from the list of "Your Applications."', 'wp-to-twitter' ) . '
  4. ' . __( 'Copy your Access Token', 'wp-to-twitter' ) . '
  5. ' . __( 'Add your Mastodon server URL', 'wp-to-twitter' ) . '
    6. - ' . $form . ' -
    +

    diff --git a/src/wp-to-twitter-oauth.php b/src/wp-to-twitter-oauth.php index 90c3510..a74a441 100644 --- a/src/wp-to-twitter-oauth.php +++ b/src/wp-to-twitter-oauth.php @@ -323,6 +323,7 @@ function wtt_connect_oauth( $auth = false ) { print( '

    ' . __( 'Connect to X.com', 'wp-to-twitter' ) . ' ' . __( 'Instructions', 'wp-to-twitter' ) . '

    + ' . $form . '
    1. ' . __( 'Apply for a Developer Account with X.com', 'wp-to-twitter' ) . '
    2. ' . __( 'Copy your API Key and API Key secret.', 'wp-to-twitter' ) . ' - ' . $form . ' -
      +

      @@ -358,7 +358,7 @@ function wtt_connect_oauth( $auth = false ) {

    3. ' . __( 'Change to the "Keys and Tokens" tab', 'wp-to-twitter' ) . '
    4. ' . __( 'Generate your Access Token and Secret from the "Authentication Tokens" section.', 'wp-to-twitter' ) . '
    5. ' . __( 'Add your Access Token, Secret, and Bearer Token:', 'wp-to-twitter' ) . ' (' . __( 'If the Access Level for your Access Token is not "Read and write", return to step 7, change your permissions, and generate new Tokens.', 'wp-to-twitter' ) . ') -
      +