PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix text wrapping for Link Preview Widget

Browse source
This commit is contained in:
Michael Telatynski 2021-07-08 13:16:58 +01:00
parent 882e66e215
commit 1cdae54880
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
res/css/views/rooms/_LinkPreviewWidget.scss
View file

@ -33,12 +33,17 @@ limitations under the License.
.mx_LinkPreviewWidget_caption { .mx_LinkPreviewWidget_caption {
margin-left: 15px; margin-left: 15px;
flex: 1 1 auto; flex: 1 1 auto;
overflow-x: hidden; // cause it to wrap rather than clip
} }
.mx_LinkPreviewWidget_title { .mx_LinkPreviewWidget_title {
display: inline; display: inline;
font-weight: bold; font-weight: bold;
white-space: normal; white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} }
.mx_LinkPreviewWidget_siteName { .mx_LinkPreviewWidget_siteName {
@ -49,6 +54,9 @@ limitations under the License.
margin-top: 8px; margin-top: 8px;
white-space: normal; white-space: normal;
word-wrap: break-word; word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
} }
.mx_MatrixChat_useCompactLayout { .mx_MatrixChat_useCompactLayout {