ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2025-01-03 12:42:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix message width clamping

Browse Source
This commit is contained in:
Fang 2019-08-02 22:07:27 +02:00
parent 40225001de
commit 9ce07b821f
No known key found for this signature in database
GPG Key ID: EB035760C1BBA972
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/interface/chat/src/css/custom.css
View File

@ -124,7 +124,7 @@ h2 {
}
.clamp-message {
max-width: calc(100% - 32px - .5em);
max-width: calc(100% - 36px - 1.5rem);
}
.clamp-attachment {

4
pkg/interface/chat/src/js/components/lib/message.js
View File

@ -178,7 +178,7 @@ export class Message extends Component {
<div className="fl mr2">
<Sigil ship={props.msg.aut} size={36} />
</div>
<div className="fr" style={{ flexGrow: 1, marginTop: -8 }}>
<div className="fr clamp-message" style={{ flexGrow: 1, marginTop: -8 }}>
<div className="hide-child">
<p className="v-top label-small-mono gray dib mr3">
{this.renderAuthor()}
@ -201,7 +201,7 @@ export class Message extends Component {
minHeight: 'min-content'
}}>
<p className="child pl3 pr2 label-small-mono gray dib">{timestamp}</p>
<div className="fr" style={{ flexGrow: 1 }}>
<div className="fr clamp-message" style={{ flexGrow: 1 }}>
{this.renderContent()}
</div>
</div>