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

better wordwrap on RightPanels

Browse source
This commit is contained in:
Matthew Hodgson 2016-09-29 17:41:29 +01:00
parent 65f14c7d21
commit 5b3524f174
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/skins/vector/css/matrix-react-sdk/structures/FilePanel.css
View file

@ -47,6 +47,10 @@ limitations under the License.
/* Overrides for the attachment body tiles */ /* Overrides for the attachment body tiles */
.mx_FilePanel .mx_EventTile {
word-break: break-word;
}
.mx_FilePanel .mx_EventTile .mx_MImageBody { .mx_FilePanel .mx_EventTile .mx_MImageBody {
margin-right: 0px; margin-right: 0px;
} }
@ -60,7 +64,6 @@ limitations under the License.
.mx_FilePanel .mx_EventTile .mx_MImageBody_downloadLink { .mx_FilePanel .mx_EventTile .mx_MImageBody_downloadLink {
flex: 1 1 auto; flex: 1 1 auto;
color: #747474; color: #747474;
word-wrap: break-word;
} }
.mx_FilePanel .mx_EventTile .mx_MImageBody_size { .mx_FilePanel .mx_EventTile .mx_MImageBody_size {
@ -88,7 +91,6 @@ limitations under the License.
font-size: 11px; font-size: 11px;
opacity: 1.0; opacity: 1.0;
color: #acacac; color: #acacac;
word-wrap: break-word;
} }
.mx_FilePanel .mx_EventTile .mx_MessageTimestamp { .mx_FilePanel .mx_EventTile .mx_MessageTimestamp {

6
src/skins/vector/css/matrix-react-sdk/structures/NotificationPanel.css
View file

@ -41,10 +41,13 @@ limitations under the License.
we should make EventTile a base CSS class and customise it specifically we should make EventTile a base CSS class and customise it specifically
for usage in {Message,File,Notification}Panel. */ for usage in {Message,File,Notification}Panel. */
.mx_NotificationPanel .mx_EventTile {
word-break: break-word;
}
.mx_NotificationPanel .mx_EventTile_roomName { .mx_NotificationPanel .mx_EventTile_roomName {
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 14px;
word-wrap: break-word;
} }
.mx_NotificationPanel .mx_EventTile_roomName a { .mx_NotificationPanel .mx_EventTile_roomName a {
@ -63,7 +66,6 @@ limitations under the License.
font-size: 12px; font-size: 12px;
display: inline; display: inline;
padding-left: 0px; padding-left: 0px;
word-wrap: break-word;
} }
.mx_NotificationPanel .mx_EventTile_senderDetails { .mx_NotificationPanel .mx_EventTile_senderDetails {