feat: match Anbieter Login form styles to Mentor Login and show company name on Jobangebot

Anbieter Login (/anbieter-login/):
- Add auth-forms.css with styles matching the Mentor Login reference
  (navy pill buttons, bold #333 labels at 18px, consistent input sizing)
- Enqueue CSS only on the login page via stored page ID
- Strip legacy inline styles from page content via the_content filter
- Inject "Passwort vergessen?" link after login form
- Pixel-perfect field alignment between registration and login columns
  (matching Formidable's 97px field spacing, label padding, and margins)
- Override Formidable's flex-row submit wrapper for full-width button

Jobangebot (single job_offer):
- Display company name next to provider logo in a flex .job-header container
- Graceful fallback when logo or org name is missing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-11 13:46:42 +09:00
parent b7c6bb79e7
commit c21d7000ef
3 changed files with 241 additions and 64 deletions

View File

@@ -55,9 +55,16 @@ class DDHH_JM_Template {
<a href="<?php echo esc_url( get_post_type_archive_link( 'job_offer' ) ); ?>">← Alle Jobangebote</a>
</div>
<div class="ddhh-job-offer-details">
<?php if ( $job_logo ) : ?>
<div class="job-logo">
<?php echo $job_logo; ?>
<?php if ( $job_logo || $author_org ) : ?>
<div class="job-header">
<?php if ( $job_logo ) : ?>
<div class="job-logo">
<?php echo $job_logo; ?>
</div>
<?php endif; ?>
<?php if ( $author_org ) : ?>
<span class="job-header-org"><?php echo esc_html( $author_org ); ?></span>
<?php endif; ?>
</div>
<?php endif; ?>
@@ -137,13 +144,24 @@ class DDHH_JM_Template {
.ddhh-job-offer-details {
margin: 2em 0;
}
.ddhh-job-offer-details .job-logo {
.ddhh-job-offer-details .job-header {
display: flex;
align-items: center;
gap: 1em;
margin-bottom: 2em;
}
.ddhh-job-offer-details .job-header .job-logo {
flex-shrink: 0;
}
.ddhh-job-offer-details .job-logo img {
max-width: 200px;
height: auto;
}
.ddhh-job-offer-details .job-header-org {
font-size: 1.4em;
font-weight: 600;
color: #333;
}
.ddhh-job-offer-details .job-meta {
background: #f5f5f5;
padding: 1.5em;