From 7098ca9df0675debe7351480ba3dad22750c8150 Mon Sep 17 00:00:00 2001 From: Oliver Hunt Date: Tue, 6 Jun 2017 00:24:30 +0100 Subject: [PATCH] Added styling for copy to clipboard button - currently using the edit button's image as a placeholder Signed-off-by: Oliver Hunt --- .../views/rooms/_EventTile.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss index 9d970ad454..e99609e039 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_EventTile.scss @@ -332,6 +332,24 @@ limitations under the License. .mx_EventTile_content .markdown-body code { background-color: #f8f8f8; } +.mx_EventTile_copyButton { + position: absolute; + display: inline-block; + visibility: hidden; + cursor: pointer; + top: 6px; + right: 6px; + width: 19px; + height: 19px; + background-image: url($edit-button-url); +} +.mx_EventTile_body pre { + position: relative; +} +.mx_EventTile_body pre:hover .mx_EventTile_copyButton +{ + visibility: visible; +} .mx_EventTile_content .markdown-body h1, .mx_EventTile_content .markdown-body h2,