imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Introduce new copy icon (#8942)

Browse source 
PSG-110
This commit is contained in:
Michael Weimann 2022-07-01 11:29:19 +02:00 • committed by GitHub
parent 2468e5830b
commit 8e457f17ba
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 44 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

17
res/css/views/elements/_CopyableText.scss
View file

@ -16,6 +16,7 @@ limitations under the License.
*/
.mx_CopyableText {
align-items: flex-start;
display: flex;
justify-content: space-between;
width: max-content;
@ -31,19 +32,25 @@ limitations under the License.
.mx_CopyableText_copyButton {
flex-shrink: 0;
width: 20px;
height: 20px;
// using em here to adapt to the local font size
width: 1em;
height: 1em;
cursor: pointer;
margin-left: 20px;
display: block;
// center to first line
position: relative;
top: .15em;
&::before {
content: "";
mask-image: url($copy-button-url);
mask-position: center center;
mask-repeat: no-repeat;
mask-size: contain;
background-color: $message-action-bar-fg-color;
width: 20px;
height: 20px;
width: 1em;
height: 1em;
display: block;
background-repeat: no-repeat;
}