WordPress.org
Get WordPress

Plugin Directory

Changeset 3286528


Ignore:
Timestamp:
05/02/2025 08:34:46 PM (11 months ago)
Author:
rsvpify
Message:

3.2: include latest style.css & frontend.css for admin UI and responsive embed

Location:
rsvpify-oembed/trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • rsvpify-oembed/trunk/frontend.css

    r3286525 r3286528  
    11/*
    2  * Admin UI for RSVPify Embedder
    3  * Version: 3.18
     2 * Frontend CSS for RSVPify embed responsiveness
     3 * Version: 3.19
    44 * Last updated: 2025-05-02
    55 */
    66
    7 /* Container */
    8 .rsvpify-wrap {
    9   max-width: 700px;
    10   margin: 30px auto;
    11   padding: 20px;
    12   background: #fff;
    13   border: 1px solid #ddd;
    14   border-radius: 6px;
    15   box-sizing: border-box;
     7/* 16:9 aspect-ratio wrapper */
     8.rsvpify-embed-wrapper {
     9  position: relative;
     10  width: 100%;
     11  aspect-ratio: 16 / 9;
     12  overflow: hidden;
     13  background: #000; /* optional placeholder color */
    1614}
    1715
    18 /* Logo */
    19 .rsvpify-logo {
    20   display: block;
    21   margin: 0 auto 20px;
    22   max-width: 160px;
     16.rsvpify-embed-wrapper iframe {
     17  position: absolute;
     18  top: 0;
     19  left: 0;
     20  width: 100% !important;
     21  height: 100% !important;
     22  border: none;
    2323}
    24 
    25 /* Instruction text */
    26 .rsvpify-instructions {
    27   font-size: 14px;
    28   line-height: 1.6;
    29   margin-bottom: 16px;
    30 }
    31 
    32 /* URL input + Generate button */
    33 #rsvpify_url {
    34   width: calc(100% - 120px);
    35   padding: 8px 10px;
    36   font-size: 14px;
    37   border: 1px solid #ccc;
    38   border-radius: 4px;
    39   box-sizing: border-box;
    40   vertical-align: middle;
    41 }
    42 
    43 .generate-button {
    44   height: 36px;
    45   padding: 0 16px;
    46   margin-left: 8px;
    47   font-size: 14px;
    48   vertical-align: middle;
    49 }
    50 
    51 /* Section heading */
    52 .rsvpify-wrap h2 {
    53   margin: 30px 0 12px;
    54   font-size: 18px;
    55   border-bottom: 1px solid #eee;
    56   padding-bottom: 6px;
    57 }
    58 
    59 /* Shortcode list */
    60 #rsvpify_list .rsvpify-item {
    61   display: flex;
    62   align-items: center;
    63   margin-bottom: 10px;
    64 }
    65 
    66 /* The code block */
    67 .rsvpify-item code {
    68   flex: 1 1 auto;
    69   display: block;
    70   background: #f7f7f7;
    71   color: #333;
    72   font-family: Menlo, Consolas, monospace;
    73   font-size: 13px;
    74   padding: 6px 8px;
    75   border-radius: 4px;
    76   box-sizing: border-box;
    77   word-break: break-all;
    78 }
    79 
    80 /* Copy & Delete buttons – identical styling */
    81 .rsvpify-item .copy-button,
    82 .rsvpify-item .delete-button {
    83   display: inline-flex;
    84   align-items: center;
    85   justify-content: center;
    86   height: 30px;
    87   padding: 0 10px;
    88   margin-left: 8px;
    89   border: 1px solid #337ab7;
    90   border-radius: 3px;
    91   background: #fff;
    92   color: #337ab7;
    93   font-size: 13px;
    94   line-height: 1;
    95   cursor: pointer;
    96   box-sizing: border-box;
    97 }
    98 
    99 /* Trash icon color & size */
    100 .rsvpify-item .delete-button .dashicons-trash {
    101   font-size: 16px;
    102   color: inherit;
    103 }

  • rsvpify-oembed/trunk/readme.txt

    r3286525 r3286528  
    88Requires at least: 5.6
    99Tested up to:      6.8
    10 Stable tag:        3.18
     10Stable tag:        3.19
    1111Requires PHP:      7.0
    1212License:           GNU General Public License v3

  • rsvpify-oembed/trunk/rsvpify-embedder.php

    r3286525 r3286528  
    44 * Plugin URI:      https://wordpress.org/plugins/rsvpify-oembed/
    55 * Description:     Easily embed your RSVPify event RSVP and ticket forms by pasting your event URL.
    6  * Version:         3.18
     6 * Version:         3.19
    77 * Author:          RSVPify Inc.
    88 * Author URI:      https://www.rsvpify.com

  • rsvpify-oembed/trunk/style.css

    r3286489 r3286528  
     1/*
     2 * Admin UI for RSVPify Embedder
     3 * Version: 3.19
     4 * Last updated: 2025-05-02
     5 */
     6
     7/* Container */
    18.rsvpify-wrap {
    2   max-width: 800px;
    3   margin: 20px auto;
     9  max-width: 700px;
     10  margin: 30px auto;
    411  padding: 20px;
    512  background: #fff;
    613  border: 1px solid #ddd;
    714  border-radius: 6px;
    8   font-family: Arial, sans-serif;
     15  box-sizing: border-box;
    916}
     17
     18/* Logo */
    1019.rsvpify-logo {
    1120  display: block;
    12   margin: 0 auto 12px;
    13   max-width: 150px;
     21  margin: 0 auto 20px;
     22  max-width: 160px;
    1423}
     24
     25/* Instruction text */
    1526.rsvpify-instructions {
    16   font-size: 13px;
    17   color: #333;
    18   margin-bottom: 12px;
    19   line-height: 1.5;
     27  font-size: 14px;
     28  line-height: 1.6;
     29  margin-bottom: 16px;
    2030}
     31
     32/* URL input + Generate button */
    2133#rsvpify_url {
    22   width: 100%;
    23   padding: 8px;
     34  width: calc(100% - 120px);
     35  padding: 8px 10px;
    2436  font-size: 14px;
    2537  border: 1px solid #ccc;
    2638  border-radius: 4px;
     39  box-sizing: border-box;
     40  vertical-align: middle;
     41}
     42
     43.generate-button {
     44  height: 36px;
     45  padding: 0 16px;
     46  margin-left: 8px;
     47  font-size: 14px;
     48  vertical-align: middle;
     49}
     50
     51/* Section heading */
     52.rsvpify-wrap h2 {
     53  margin: 30px 0 12px;
     54  font-size: 18px;
     55  border-bottom: 1px solid #eee;
     56  padding-bottom: 6px;
     57}
     58
     59/* Shortcode list */
     60#rsvpify_list .rsvpify-item {
     61  display: flex;
     62  align-items: center;
    2763  margin-bottom: 10px;
    2864}
    29 .generate-button {
    30   width: 100%;
    31   padding: 10px;
    32   font-size: 15px;
    33   background: #45286a;
    34   color: #fff;
    35   border: none;
    36   border-radius: 4px;
    37   cursor: pointer;
    38 }
    39 .generate-button:hover {
    40   background: #3a2059;
    41 }
    42 .rsvpify-item {
    43   display: flex;
    44   align-items: center;
    45   margin-bottom: 8px;
    46 }
     65
     66/* The code block */
    4767.rsvpify-item code {
    48   flex: 1;
    49   background: #f5f5f5;
     68  flex: 1 1 auto;
     69  display: block;
     70  background: #f7f7f7;
     71  color: #333;
     72  font-family: Menlo, Consolas, monospace;
     73  font-size: 13px;
    5074  padding: 6px 8px;
    5175  border-radius: 4px;
    52   font-family: monospace;
    53   margin-right: 6px;
     76  box-sizing: border-box;
     77  word-break: break-all;
    5478}
    55 .copy-button {
    56   background: #191236;
    57   color: #fff;
    58   border: none;
    59   padding: 6px 10px;
    60   border-radius: 3px;
    61   cursor: pointer;
    62   margin-right: 6px;
    63 }
    64 .copy-button:hover {
    65   background: #0f0c2e;
    66 }
    67 .delete-button {
    68   background: #45286a;
    69   border: none;
    70   padding: 6px;
    71   border-radius: 4px;
     79
     80/* Copy & Delete buttons – identical styling */
     81.rsvpify-item .copy-button,
     82.rsvpify-item .delete-button {
    7283  display: inline-flex;
    7384  align-items: center;
    7485  justify-content: center;
     86  height: 30px;
     87  padding: 0 10px;
     88  margin-left: 8px;
     89  border: 1px solid #337ab7;
     90  border-radius: 3px;
     91  background: #fff;
     92  color: #337ab7;
     93  font-size: 13px;
     94  line-height: 1;
    7595  cursor: pointer;
    76   margin-left: 6px;
    77 }
    78 .delete-button:hover {
    79   background: #3a2059;
    80 }
    81 .delete-button .dashicons-trash {
    82   color: #fff !important;
    83   font-size: 16px;
    84   line-height: 1;
    85 }
    86 /* style.css */
    87 
    88 /* 1) Make the trash icon use your button’s text color (so it shows up) */
    89 /*    and bump its size for better tap targets */
    90 .rsvpify-item .delete-button .dashicons-trash {
    91   color: #191236;         /* match your “Copy” button text color */
    92   font-size: 18px;        /* a bit bigger */
     96  box-sizing: border-box;
    9397}
    9498
    95 /* 2) Center the icon inside its button */
    96 .rsvpify-item .delete-button {
    97   display: flex;
    98   align-items: center;
    99   justify-content: center;
    100   padding: 0 12px;        /* adjust left/right padding as needed */
    101   min-width: 40px;        /* ensure it’s not too tight */
    102   height: 36px;           /* match your other buttons’ height */
    103   border-radius: 4px;     /* keep the same rounding */
     99/* Trash icon color & size */
     100.rsvpify-item .delete-button .dashicons-trash {
     101  font-size: 16px;
     102  color: inherit;
    104103}
    105 
    106 /* 3) Add a little gap between Copy & Delete */
    107 .rsvpify-item .copy-button {
    108   margin-right: 8px;
    109 }
Note: See TracChangeset for help on using the changeset viewer.