diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index c587251d3e..83aa3ec294 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -501,10 +501,6 @@ $left-gutter: 64px; } } -.mx_EventTile_expandedCodeBlock { - max-height: 100vh; -} - .mx_EventTile_collapsedCodeBlock { max-height: 30vh; } @@ -533,35 +529,6 @@ $left-gutter: 64px; background-color: $message-action-bar-fg-color; } - -// Inserted adjacent to
blocks, (See TextualBody) -.mx_EventTile_expandButton { - position: absolute; - display: inline-block; - visibility: hidden; - cursor: pointer; - top: 6px; - right: 6px; - width: 19px; - height: 19px; - mask-image: url($copy-button-url); - background-color: $message-action-bar-fg-color; -} - -// Inserted adjacent toblocks, (See TextualBody) -.mx_EventTile_collapseButton { - position: absolute; - display: inline-block; - visibility: hidden; - cursor: pointer; - top: 6px; - right: 6px; - width: 19px; - height: 19px; - 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:hover .mx_EventTile_copyButton { visibility: visible; diff --git a/src/components/views/messages/TextualBody.js b/src/components/views/messages/TextualBody.js index 8d341e4a63..84a21c0da3 100644 --- a/src/components/views/messages/TextualBody.js +++ b/src/components/views/messages/TextualBody.js @@ -139,8 +139,9 @@ export default class TextualBody extends React.Component { } _handleCodeBlockExpansion(codeBlock) { - const expandCodeBlock = SettingsStore.getValue("expandCodeByDefault"); - codeBlock.className = expandCodeBlock ? "mx_EventTile_expandedCodeBlock" : "mx_EventTile_collapsedCodeBlock"; + if (!SettingsStore.getValue("expandCodeByDefault")) { + codeBlock.className = "mx_EventTile_collapsedCodeBlock"; + } } _highlightCode(codeBlock) {