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

links: edit/update sidebar styling to match chat

Browse Source 
Using existing styling classes found in chat, I've edited the Links module to retain an appearance/sizing that is more uniform with our Chat module interfaces
This commit is contained in:
édouard 2020-02-27 18:58:28 -05:00
parent afcb46caaa
commit 6bc4f489d4
3 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/js/components/lib/sidebar-invite.js
View File

@ -16,7 +16,7 @@ export class SidebarInvite extends Component {
const { props } = this;
return (
<div className='pa3'>
<div className='w-100 bg-transparent pa4 bb b--gray4 b--gray1-d'>
<div className='w-100 v-mid'>
<p className="dib f8 mono gray4-d">
{props.invite.path}

4
pkg/interface/link/src/js/components/lib/channel-sidebar.js
View File

@ -83,10 +83,10 @@ export class ChannelsSidebar extends Component {
<div className="overflow-y-scroll h-100">
<h2 className={`f8 f9-m f9-l f9-xl
pt1 pt4-m pt4-l pt4-xl
pr4 pb3 pb2-m pb2-l pb2-xl
pr4 pb3 pb3-m pb3-l pb3-xl
pl3 pl4-m pl4-l pl4-xl
black-s gray2 white-d c-default
bb bn-m bn-l bn-xl b--gray4 mb2 mb0-m mb0-l mb0-xl`}>
bb b--gray4 mb2 mb0-m mb0-l mb0-xl`}>
Your Collections
</h2>
{privateChannel}

4
pkg/interface/link/src/js/components/lib/channels-item.js
View File

@ -8,7 +8,7 @@ export class ChannelsItem extends Component {
let selectedClass = (props.selected)
? "bg-gray5 bg-gray1-d b--gray4 b--gray2-d"
: "b--transparent";
: "b--gray4 b--gray2-d";
let memberCount = props.memberList
? props.memberList.size
@ -19,7 +19,7 @@ export class ChannelsItem extends Component {
return (
<Link to={"/~link" + props.link}>
<div className={"w-100 v-mid f9 pl4 bt bb " + selectedClass}>
<div className={"w-100 v-mid f9 pl4 bb z1 pa3 pt4 pb4 b--gray4 b--gray1-d gray3-d pointer " + selectedClass}>
<p className="f9 pt1">{props.name}</p>
<p className="f9 gray2">
{memberCount + " contributor" + ((memberCount === 1) ? "" : "s")}