From 974a187e74ef71a84ada8751260d895c6d33d5c2 Mon Sep 17 00:00:00 2001 From: Matthew Hodgson Date: Tue, 3 May 2016 17:49:42 +0100 Subject: [PATCH] fix annoying bug where URL previews with very long lines (e.g. vector permalinks) would get clipped --- .../css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css index 933724241..ed470c003 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css @@ -34,8 +34,8 @@ limitations under the License. .mx_LinkPreviewWidget_caption { margin-left: 15px; - -webkit-flex: 1; - flex: 1; + -webkit-flex: 1 1 auto; + flex: 1 1 auto; } .mx_LinkPreviewWidget_title { @@ -50,11 +50,14 @@ limitations under the License. .mx_LinkPreviewWidget_description { margin-top: 8px; white-space: normal; + word-break: break-word; } .mx_LinkPreviewWidget_cancel { visibility: hidden; cursor: pointer; + -webkit-flex: 0 0 40px; + flex: 0 0 40px; } .mx_LinkPreviewWidget:hover .mx_LinkPreviewWidget_cancel {