Fix View Repo outline, social-share icon stroke, and owner avatar sizing
Release / Build & publish plugin zip (push) Successful in 7s
Release / Build & publish plugin zip (push) Successful in 7s
- .project-github-button renamed to .project-repo-button (added 1px border for proper outline style; the old class is gone so the button was rendering as unstyled <a>). - Suppress inherited stroke on the Tabler SVG <rect> viewport marker — without this it draws a square outline inside the round social-share button. - Move owner avatar inline styles into CSS with object-fit: cover, explicit width/height, and border-radius: 50%; add flex shrink/grow rules for the owner row's three spans so the avatar isn't squashed by the flex layout.
This commit is contained in:
+30
-10
@@ -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 <rect> 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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user