PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Update copy icon on pre block and share dialogues

Browse source
This commit is contained in:
Jorik Schellekens 2020-07-27 15:13:02 +01:00
parent 6635a44314
commit d55699211e
7 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/dialogs/_ShareDialog.scss
View file

@ -51,7 +51,8 @@ limitations under the License.
display: inherit; display: inherit;
} }
.mx_ShareDialog_matrixto_copy > div { .mx_ShareDialog_matrixto_copy > div {
background-image: url($copy-button-url); mask-image: url($copy-button-url);
background-color: $message-action-bar-fg-color;
margin-left: 5px; margin-left: 5px;
width: 20px; width: 20px;
height: 20px; height: 20px;

5
res/css/views/rooms/_EventTile.scss
View file

@ -536,11 +536,12 @@ $left-gutter: 64px;
display: inline-block; display: inline-block;
visibility: hidden; visibility: hidden;
cursor: pointer; cursor: pointer;
top: 8px; top: 6px;
right: 6px; right: 6px;
width: 19px; width: 19px;
height: 19px; height: 19px;
background-image: url($copy-button-url); mask-image: url($copy-button-url);
background-color: $message-action-bar-fg-color;
} }
.mx_EventTile_body .mx_EventTile_pre_container:focus-within .mx_EventTile_copyButton, .mx_EventTile_body .mx_EventTile_pre_container:focus-within .mx_EventTile_copyButton,

4
res/img/feather-customised/clipboard.svg Normal file
View file

@ -0,0 +1,4 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.75 3.75H3.75V10.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="7" y="7" width="7" height="7" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 341 B

3
res/themes/legacy-light/css/_legacy-light.scss
View file

@ -228,7 +228,8 @@ $event-redacted-border-color: #cccccc;
// event timestamp // event timestamp
$event-timestamp-color: #acacac; $event-timestamp-color: #acacac;
$copy-button-url: "$(res)/img/icon_copy_message.svg"; $copy-button-url: "$(res)/img/feather-customised/clipboard.svg";
// e2e // e2e
$e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color $e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color

2
res/themes/light/css/_light.scss
View file

@ -227,7 +227,7 @@ $event-redacted-border-color: #cccccc;
// event timestamp // event timestamp
$event-timestamp-color: #acacac; $event-timestamp-color: #acacac;
$copy-button-url: "$(res)/img/icon_copy_message.svg"; $copy-button-url: "$(res)/img/feather-customised/clipboard.svg";
// e2e // e2e
$e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color $e2e-verified-color: #76cfa5; // N.B. *NOT* the same as $accent-color

1
src/components/views/dialogs/ShareDialog.tsx
View file

@ -211,7 +211,6 @@ export default class ShareDialog extends React.PureComponent<IProps, IState> {
{ matrixToUrl } { matrixToUrl }
</a> </a>
<a href={matrixToUrl} className="mx_ShareDialog_matrixto_copy" onClick={this.onCopyClick}> <a href={matrixToUrl} className="mx_ShareDialog_matrixto_copy" onClick={this.onCopyClick}>
{ _t('COPY') }
<div>&nbsp;</div> <div>&nbsp;</div>
</a> </a>
</div> </div>

1
src/i18n/strings/en_EN.json
View file

@ -1778,7 +1778,6 @@
"Share Community": "Share Community", "Share Community": "Share Community",
"Share Room Message": "Share Room Message", "Share Room Message": "Share Room Message",
"Link to selected message": "Link to selected message", "Link to selected message": "Link to selected message",
"COPY": "COPY",
"Command Help": "Command Help", "Command Help": "Command Help",
"To help us prevent this in future, please <a>send us logs</a>.": "To help us prevent this in future, please <a>send us logs</a>.", "To help us prevent this in future, please <a>send us logs</a>.": "To help us prevent this in future, please <a>send us logs</a>.",
"Missing session data": "Missing session data", "Missing session data": "Missing session data",