mirror of https://github.com/vector-im/riot-web
better wordwrap on RightPanels
parent
65f14c7d21
commit
5b3524f174
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue