mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-27 18:59:19 +08:00
57bc5466f4
The pinned button feels a little sad next to the updated notification button. This also improves how it works on mobile. before: <img width="1316" height="206" alt="image" src="https://github.com/user-attachments/assets/6e5f718d-803f-4121-967b-d51d8f9d6e2f" /> <img width="1360" height="330" alt="image" src="https://github.com/user-attachments/assets/8b6662fb-c515-4b8b-a20a-81862b0218aa" /> after: <img width="1272" height="220" alt="image" src="https://github.com/user-attachments/assets/87846f56-c7aa-47b8-9c01-45b4cddc3f38" /> <img width="1262" height="432" alt="image" src="https://github.com/user-attachments/assets/6f4dba4a-2673-4a17-86b7-e2075a16467d" />
44 lines
812 B
SCSS
Vendored
44 lines
812 B
SCSS
Vendored
.pinned-options-btn,
|
|
.notifications-tracking-btn {
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
box-sizing: border-box;
|
|
align-items: center;
|
|
|
|
&__icons {
|
|
display: flex;
|
|
align-self: flex-start;
|
|
margin-right: 0.75em;
|
|
}
|
|
|
|
&__texts {
|
|
line-height: var(--line-height-medium);
|
|
flex: 1 1 0%;
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: column;
|
|
}
|
|
|
|
&__label {
|
|
flex: 1 1 auto;
|
|
font-weight: bold;
|
|
font-size: var(--font-0);
|
|
color: var(--primary);
|
|
max-width: 100%;
|
|
|
|
@include ellipsis;
|
|
}
|
|
|
|
&__description {
|
|
flex: 1 1 auto;
|
|
font-size: var(--font-down-1);
|
|
color: var(--primary-medium);
|
|
white-space: normal;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
.topic-timeline-notifications-tracking-content {
|
|
z-index: z("fullscreen") + 1;
|
|
}
|
