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

chat: skeleton takes full height on mobile

Browse Source 
Previously it was a calc value that left a lot of
blank space at the bottom. Also adds a dark
mode style for the 'all chats' header.
This commit is contained in:
Matilde Park 2020-03-11 18:47:56 -04:00
parent c391156781
commit 10f5078a3c
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pkg/interface/chat/src/js/components/skeleton.js
View File

@ -37,10 +37,9 @@ export class Skeleton extends Component {
<div className={
`cf w-100 flex ` +
popoutBorder +
(this.props.chatHideonMobile ? "h-100 " : "h-100-minus-40-s ") +
(this.props.popout
? "h-100"
: "h-100-minus-40-m h-100-minus-40-l h-100-minus-40-xl")
: "h-100 h-100-minus-40-m h-100-minus-40-l h-100-minus-40-xl")
}>
{/* sidebar skeleton, hidden on mobile when in chat panel */}
<div
@ -57,7 +56,7 @@ export class Skeleton extends Component {
<a className="pl3 pb6" href="/">
{"⟵ Landscape"}
</a>
<div className="bb b--gray4 white-d inter f8 pl3 pt6 pb3">
<div className="bb b--gray4 b--gray1-d white-d inter f8 pl3 pt6 pb3">
All Chats
</div>
</div>