ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-13 20:04:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

chat-js: only show scrollbars if overflow

Browse Source 
Uses overflow: auto on the code attachments so that scrollbars only
appear if the content overflows the container. Adds borders on sent Hoon
code to improve visual seperation.
This commit is contained in:
Liam Fitzgerald 2020-04-28 12:50:37 +10:00
parent 3196179fbd
commit a7253d4480
2 changed files with 5 additions and 5 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

@ -71,7 +71,7 @@ h2 {
} }
.clamp-attachment { .clamp-attachment {
overflow: scroll; overflow: auto;
max-height: 10em; max-height: 10em;
max-width: 100%; max-width: 100%;
} }

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

@ -65,17 +65,17 @@ export class Message extends Component {
(!!letter.code.output && (!!letter.code.output &&
letter.code.output.length && letter.code.output.length > 0) ? letter.code.output.length && letter.code.output.length > 0) ?
( (
<pre className="f7 clamp-attachment pa1 mt0 mb0"> <pre className="f7 clamp-attachment pa1 mt0 mb0 b--gray4 b--gray1-d bl br bb">
{letter.code.output[0].join('\n')} {letter.code.output[0].join('\n')}
</pre> </pre>
) : null; ) : null;
return ( return (
<span> <div className="mv2">
<pre className="f7 clamp-attachment pa1 mt0 mb0 bg-light-gray"> <pre className="f7 clamp-attachment pa1 mt0 mb0 bg-light-gray b--gray4 b--gray1-d ba">
{letter.code.expression} {letter.code.expression}
</pre> </pre>
{outputElement} {outputElement}
</span> </div>
); );
} else if ('url' in letter) { } else if ('url' in letter) {
let imgMatch = let imgMatch =