discourse/app/assets/stylesheets/common/base/share_link.scss
Osama Sayegh a5497b74be
UX: Simplify invite modal (#28974)
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.
2024-10-21 13:11:43 +03:00

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);
}
}