Added styling for copy to clipboard button - currently using the edit button's image as a placeholder

Signed-off-by: Oliver Hunt <oliver@hunt.bz>
This commit is contained in:
Oliver Hunt 2017-06-06 00:24:30 +01:00
parent ded2f95003
commit 7098ca9df0
1 changed files with 18 additions and 0 deletions

View File

@ -332,6 +332,24 @@ limitations under the License.
.mx_EventTile_content .markdown-body code { .mx_EventTile_content .markdown-body code {
background-color: #f8f8f8; 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 h1,
.mx_EventTile_content .markdown-body h2, .mx_EventTile_content .markdown-body h2,