mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-06-19 05:59:26 +08:00
d844e8a951
**Previously**, the admin onboarding banner included a "Spread the Word" step that copied the site URL to clipboard. **In this update**, replaced it with a "Select a theme" step that opens a modal allowing admins to preview and set Foundation or Horizon as their default theme, with dark/light screenshot toggle and lightbox preview. <img width="984" height="260" alt="Screenshot 2026-05-14 at 10 00 24" src="https://github.com/user-attachments/assets/f44a53c2-18c3-4ba3-99f6-a801be7be8b3" /> <img width="634" height="543" alt="Screenshot 2026-05-14 at 10 12 59" src="https://github.com/user-attachments/assets/a7ecadcf-67a2-4d70-91d1-c310f57fb403" /> --------- Co-authored-by: discourse-patch-triage[bot] <272280883+discourse-patch-triage[bot]@users.noreply.github.com>
56 lines
964 B
SCSS
Vendored
56 lines
964 B
SCSS
Vendored
.theme-card-preview {
|
|
&__image-wrapper {
|
|
width: 100%;
|
|
height: 160px;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
border-bottom: 1px solid var(--content-border-color);
|
|
|
|
svg {
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
&:hover .theme-card-preview__screenshot-toggle {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&__image {
|
|
width: 100%;
|
|
height: 100%;
|
|
flex-shrink: 0;
|
|
object-fit: cover;
|
|
object-position: top left;
|
|
}
|
|
|
|
&__screenshot-toggle {
|
|
position: absolute;
|
|
bottom: 0.5rem;
|
|
right: 0.5rem;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
&__content {
|
|
padding-inline: 1rem;
|
|
padding-top: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
&__name {
|
|
font-size: var(--font-up-0);
|
|
font-weight: 700;
|
|
overflow-wrap: anywhere;
|
|
color: var(--primary);
|
|
}
|
|
|
|
&__description {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
}
|
