mirror of
https://github.com/discourse/discourse.git
synced 2024-12-22 16:43:44 +08:00
a5497b74be
This commit simplifies the initial state of the invite modal when it's opened to make it one click away from creating an invite link. The existing options/fields within the invite modal are still available, but are now hidden behind an advanced mode which can be enabled. On the technical front, this PR also switches the invite modal to use our FormKit library. Internal topic: t/134023.
55 lines
724 B
SCSS
55 lines
724 B
SCSS
// 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;
|
|
}
|
|
|
|
.mobile-view & {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
.link-share-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
|
|
button {
|
|
margin-top: 0.5em;
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.sources {
|
|
display: flex;
|
|
}
|
|
|
|
.new-topic {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.share-twitter {
|
|
.d-icon {
|
|
color: var(--twitter);
|
|
}
|
|
}
|
|
.share-facebook {
|
|
.d-icon {
|
|
color: var(--facebook);
|
|
}
|
|
}
|