1
0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 01:52:42 +03:00

interface: design nits

This commit is contained in:
Matilde Park 2020-10-05 11:30:18 -04:00
parent 9e38f38d95
commit 9b1dbaf8ac
5 changed files with 9 additions and 7 deletions
pkg/interface/src/views
apps/chat/components/lib
components
themes

View File

@ -196,9 +196,9 @@ export class MessageWithSigil extends PureComponent<MessageProps> {
scrollWindow={scrollWindow}
className="fl pr3 v-top bg-white bg-gray0-d"
/>
<div className="fr clamp-message white-d" style={{ flexGrow: 1, marginTop: -8 }}>
<div className="hide-child" style={{ paddingTop: '4px' }}>
<p className="v-mid f9 gray2 dib mr3 c-default">
<div className="fr clamp-message white-d" style={{ flexGrow: 1, marginTop: -12 }}>
<div className="hide-child" style={{ paddingTop: '8px' }}>
<p className="v-mid f9 black white-d dib mr3 c-default">
<span
className={`mw5 db truncate pointer ${showNickname ? '' : 'mono'}`}
ref={e => nameSpan = e}
@ -222,7 +222,7 @@ export class MessageWithSigil extends PureComponent<MessageProps> {
export const MessageWithoutSigil = ({ timestamp, msg, remoteContentPolicy, measure }) => (
<>
<p className="child pr1 mono f9 gray2 dib">{timestamp}</p>
<div className="fr clamp-message white-d pr3 lh-copy" style={{ flexGrow: 1 }}>
<div className="fr f8 clamp-message white-d pr3 lh-copy" style={{ flexGrow: 1 }}>
<MessageContent content={msg.letter} remoteContentPolicy={remoteContentPolicy} measure={measure}/>
</div>
</>

View File

@ -39,7 +39,7 @@ const MessageMarkdown = React.memo(props => (
node.children[0].children[0].value = '>' + node.children[0].children[0].value;
return false;
}
return true;
}}
plugins={[[
@ -71,7 +71,7 @@ export default class TextContent extends Component {
);
} else {
return (
<Box style={{ overflowWrap: 'break-word' }}>
<Box fontSize='1' color='darkGray' style={{ overflowWrap: 'break-word' }}>
<MessageMarkdown source={content.text} />
</Box>
);

View File

@ -17,7 +17,7 @@ const StatusBar = (props) => {
width="100%"
gridTemplateRows="30px"
gridTemplateColumns="3fr 1fr"
py={2}
py={3}
px={3}
>
<Row collapse>

View File

@ -77,6 +77,7 @@ const theme = {
white: base.white,
black: base.black,
darkGray: scales.black80,
gray: scales.black60,
lightGray: scales.black30,
washedGray: scales.black10,

View File

@ -91,6 +91,7 @@ const theme = {
white: util.gray0,
black: base.white,
darkGray: scales.white80,
gray: scales.white60,
lightGray: scales.white30,
washedGray: scales.white05,