From b45108d80d17d6de79b9a8679977ff16ac307ef1 Mon Sep 17 00:00:00 2001 From: Matthew Hodgson Date: Tue, 18 Jul 2017 15:50:28 +0100 Subject: [PATCH] ooooops, fix dark theme code blocks correctly --- .../css/matrix-react-sdk/views/rooms/_EventTile.scss | 7 ++++++- 1 file changed, 6 insertions(+), 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 9e429176..38da1cc1 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 @@ -316,7 +316,7 @@ limitations under the License. font-family: inherit ! important; white-space: normal ! important; line-height: inherit ! important; - // color: inherit; // unclear why we ever had this? it breaks plain code blocks on dark theme... + color: inherit; font-size: 14px; } @@ -331,7 +331,9 @@ limitations under the License. .mx_EventTile_content .markdown-body code { background-color: #f8f8f8; + color: #333; } + .mx_EventTile_copyButton { position: absolute; display: inline-block; @@ -343,14 +345,17 @@ limitations under the License. height: 19px; background-image: url($copy-button-url); } + .mx_EventTile_body pre { position: relative; border: 1px solid transparent; } + .mx_EventTile:hover .mx_EventTile_body pre { border: 1px solid $primary-hairline-color; } + .mx_EventTile_body pre:hover .mx_EventTile_copyButton { visibility: visible;