Reuse CopyableText component in all places it can be (#7701)

This commit is contained in:
Michael Telatynski 2022-02-02 12:16:00 +00:00 committed by GitHub
parent 292971dd0e
commit 75b03ca101
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 26 additions and 135 deletions

View file

@ -130,12 +130,8 @@ limitations under the License.
text-transform: uppercase;
}
.mx_InviteDialog_footer_link {
display: flex;
justify-content: space-between;
border-radius: 4px;
border: solid 1px $light-fg-color;
padding: 8px;
.mx_CopyableText {
width: unset; // full width
> a {
text-decoration: none;
@ -144,22 +140,6 @@ limitations under the License.
text-overflow: ellipsis;
}
}
.mx_InviteDialog_footer_link_copy {
flex-shrink: 0;
cursor: pointer;
margin-left: 20px;
display: inherit;
> div {
mask-image: url($copy-button-url);
background-color: $message-action-bar-fg-color;
margin-left: 5px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}
}
}
.mx_InviteDialog_roomTile {