mirror of
https://github.com/discourse/discourse.git
synced 2025-02-13 14:55:06 +00:00
335c3f4621
Behavior should be very similar but the code is simplified and it should fix various bugs where the card was showing out of screen even if we had available space.
50 lines
768 B
SCSS
50 lines
768 B
SCSS
// shared styles for user and group cards
|
|
.user-card,
|
|
.group-card {
|
|
z-index: z("usercard");
|
|
&.fixed {
|
|
position: fixed;
|
|
z-index: z("header") + 1;
|
|
}
|
|
&.docked-card {
|
|
z-index: z("header") + 1;
|
|
}
|
|
// avatar - names - controls
|
|
.first-row {
|
|
.names {
|
|
flex: 1 1 auto;
|
|
}
|
|
.usercard-controls {
|
|
max-width: 225px;
|
|
button {
|
|
min-width: 150px;
|
|
}
|
|
}
|
|
}
|
|
h1 {
|
|
.d-icon {
|
|
font-size: var(--font-down-1);
|
|
}
|
|
}
|
|
h2 {
|
|
font-size: var(--font-up-1);
|
|
}
|
|
h3 {
|
|
font-size: var(--font-0);
|
|
}
|
|
}
|
|
|
|
// styles for user cards only
|
|
.user-card {
|
|
// badges
|
|
.badge-section {
|
|
.user-badge {
|
|
display: block;
|
|
max-width: 185px;
|
|
}
|
|
.more-user-badges {
|
|
max-width: 125px;
|
|
}
|
|
}
|
|
}
|