diff --git a/assets/css/style.css b/assets/css/style.css index 1677f8b..68efcbb 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -21,6 +21,7 @@ border-radius: 50%; text-decoration: none; transition: background-color 0.3s; + overflow: hidden; } .project-social-sharing a:hover { @@ -35,6 +36,14 @@ transition: stroke 0.3s; } +/* Tabler-style icons include a viewport with no fill; without + `stroke="none"` it inherits the parent's stroke color and renders as + a square outline inside the round button. Suppress that stroke on + the rect alone. */ +.project-social-sharing svg rect { + stroke: none; +} + .project-social-sharing a:hover svg { stroke: #ffffff; } @@ -82,16 +91,26 @@ .project-owner img { display: block; - margin: 0 auto 0; - max-width: 50px; + margin: 0; + width: 50px; + height: 50px; + border-radius: 50%; + object-fit: cover; + flex-shrink: 0; } -.project-owner span:last-of-type { - display: flex; - justify-content: space-between; - flex-direction: column; - flex: 1; - align-items: end; +.project-owner-avatar { + flex: 0 0 auto; + display: block; +} + +.project-owner-name { + flex: 1 1 auto; + min-width: 0; +} + +.project-owner-follow { + flex: 0 0 auto; } .project-meta-table th { @@ -119,7 +138,7 @@ color: #FFF; } -.project-buttons a.button.project-github-button { +.project-buttons a.button.project-repo-button { display: block; background-color: #e0e0e0; color: #333; @@ -128,9 +147,10 @@ margin: 12px 0; border-radius: 4px; text-decoration: none; + border: 1px solid #c9c9c9; } -.project-buttons a.button.project-github-button:hover { +.project-buttons a.button.project-repo-button:hover { background-color: #c9c9c9; color: #333; } diff --git a/templates/single-projects.php b/templates/single-projects.php index d89df0b..8365db9 100644 --- a/templates/single-projects.php +++ b/templates/single-projects.php @@ -4,7 +4,7 @@ $is_fse_theme = wp_theme_has_theme_json() && function_exists( 'wp_is_block_theme if ( $is_fse_theme ) { wp_head(); - echo do_blocks( '' ); + echo do_blocks( '' ); // phpcs:ignore } else { get_header(); } @@ -23,11 +23,11 @@ $version = projects_portfolio_get_version( $project_id ); $owner = projects_portfolio_get_owner( $project_id ); $owner_avatar = $repo_data['owner']['avatar_url'] ?? ''; -$owner_name = $repo_data['owner']['login'] ?? ''; -$owner_url = $repo_data['owner']['html_url'] ?? ''; -$last_updated = $repo_data['updated_at'] ?? ''; -$language = $repo_data['language'] ?? ''; -$license = $repo_data['license']['name'] ?? 'None'; +$owner_name = $repo_data['owner']['login'] ?? ''; +$owner_url = $repo_data['owner']['html_url'] ?? ''; +$last_updated = $repo_data['updated_at'] ?? ''; +$language = $repo_data['language'] ?? ''; +$license = $repo_data['license']['name'] ?? 'None'; $browse_url = $repo_url ? projects_portfolio_get_repo_browse_url( $project_id ) : ''; if ( $last_updated ) { @@ -143,15 +143,15 @@ if ( $last_updated ) {
- - <?php esc_attr_e( $owner_name ); ?> + + <?php esc_attr_e( $owner_name ); ?> - + - +