mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-06-19 07:03:42 +08:00
8e6459e203
Fixes some styles for sharing on small screens Before: <img width="300" alt="image" src="https://github.com/user-attachments/assets/61425f3b-e220-46e4-9390-5e66b16d83b1" /> <img width="350" alt="image" src="https://github.com/user-attachments/assets/188e90d2-f075-49bf-8a1b-fa98b919e831" /> After: <img width="325" alt="image" src="https://github.com/user-attachments/assets/7680fbb4-3aba-4254-ae91-54073ce7dcec" /> <img width="332" alt="image" src="https://github.com/user-attachments/assets/16499f7e-35f4-4d8b-b778-52ce4e76a6ac" />
51 lines
693 B
SCSS
Vendored
51 lines
693 B
SCSS
Vendored
// styles that apply to the "share" modal & popup when sharing a link to a post or topic
|
|
.link-share-container,
|
|
.notify-user-input {
|
|
display: flex;
|
|
gap: 0.5em;
|
|
|
|
input,
|
|
.select-kit {
|
|
cursor: auto;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.link-share-container {
|
|
.invite-link {
|
|
flex: 1 0;
|
|
}
|
|
}
|
|
|
|
.link-share-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
|
|
button {
|
|
margin-top: 0.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.sources {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.new-topic {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.share-twitter {
|
|
.d-icon {
|
|
color: var(--twitter);
|
|
}
|
|
}
|
|
|
|
.share-facebook {
|
|
.d-icon {
|
|
color: var(--facebook);
|
|
}
|
|
}
|
