Update Patreon connect settings style

This commit is contained in:
Tetrakern 2024-04-29 00:28:22 +02:00
parent 722acc1c52
commit a128c0c7ce
3 changed files with 42 additions and 13 deletions

File diff suppressed because one or more lines are too long

View File

@ -139,17 +139,26 @@ $patreon_tiers = is_array( $patreon_tiers ) ? $patreon_tiers : [];
<?php if ( $patreon_tiers ) : ?>
<div class="fictioneer-card__row">
<p><strong><?php _e( 'Patreon Tiers', 'fictioneer' ); ?></strong></p>
<ul><?php
foreach ( $patreon_tiers as $tier ) {
printf(
_x( '<li>%s (ID: %s | Amount Cents: %s)</li>', 'List of Patreon tiers.', 'fictioneer' ),
$tier['title'],
$tier['id'],
$tier['amount_cents']
);
}
?></ul>
<table class="fictioneer-card__table">
<thead>
<tr>
<th><?php _ex( 'Tier', 'Patreon connection tier table.', 'fictioneer' ); ?></th>
<th><?php _ex( 'ID', 'Patreon connection tier table.', 'fictioneer' ); ?></th>
<th><?php _ex( 'Amount Cents', 'Patreon connection tier table.', 'fictioneer' ); ?></th>
<th><?php _ex( 'Published', 'Patreon connection tier table.', 'fictioneer' ); ?></th>
</tr>
</thead>
<tbody><?php
foreach ( $patreon_tiers as $tier ) {
echo '<tr>';
echo "<td>{$tier['title']}</td>";
echo "<td>{$tier['id']}</td>";
echo "<td>{$tier['amount_cents']}</td>";
echo '<td>' . ( $tier['published'] ? __( 'Yes', 'fictioneer' ) : __( 'No', 'fictioneer' ) ) . '</td>';
echo '</tr>';
}
?></tbody>
</table>
</div>
<?php endif; ?>

View File

@ -319,7 +319,7 @@ body[class*="fictioneer_page_"] {
}
}
.column-description {
.column-description:is(td) {
font-size: 12px;
}
@ -445,6 +445,7 @@ body[class*="fictioneer_page_"] {
&__row {
padding: 0 12px;
overflow: auto;
&:not(:last-child) {
margin-bottom: 12px;
@ -527,6 +528,25 @@ body[class*="fictioneer_page_"] {
&__footer {
padding: 12px;
}
&__table {
border-spacing: 0;
max-width: 100%;
width: 100%;
th {
font-size: 13px;
}
:is(th, td) {
text-align: left;
padding: 8px 16px;
}
tbody tr:nth-child(odd) {
background: #f6f7f7;
}
}
}
// =============================================================================