From b032accdfa38c3819e2f24d3ae581a21bac4e5f7 Mon Sep 17 00:00:00 2001 From: Oliver Hunt Date: Fri, 9 Jun 2017 17:03:29 +0100 Subject: [PATCH 1/2] Add border on hover for code blocks Signed-off-by: Oliver Hunt --- .../vector/css/matrix-react-sdk/views/rooms/_EventTile.scss | 5 +++++ 1 file changed, 5 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 a980d1f9c..38da84b1c 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 @@ -345,6 +345,11 @@ limitations under the License. } .mx_EventTile_body pre { position: relative; + border: 1px solid #f8f8f8; +} +.mx_EventTile:hover .mx_EventTile_body pre +{ + border: 1px solid $primary-hairline-color; } .mx_EventTile_body pre:hover .mx_EventTile_copyButton { From 3a86e659afdfdb15a2d05cc6112b6ebd3c33ae8a Mon Sep 17 00:00:00 2001 From: Oliver Hunt Date: Sat, 10 Jun 2017 01:26:20 +0100 Subject: [PATCH 2/2] Made border transparent when not hovered Signed-off-by: Oliver Hunt --- .../vector/css/matrix-react-sdk/views/rooms/_EventTile.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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 38da84b1c..7d8e4ba2b 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 @@ -345,7 +345,7 @@ limitations under the License. } .mx_EventTile_body pre { position: relative; - border: 1px solid #f8f8f8; + border: 1px solid transparent; } .mx_EventTile:hover .mx_EventTile_body pre {