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

groups: fix skeleton css

Browse Source
This commit is contained in:
Matilde Park 2020-04-02 16:43:33 -04:00
parent 0578dc5643
commit 7cde503f80
4 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
pkg/interface/groups/src/css/custom.css
View File

@ -148,6 +148,9 @@ a {
.b--gray0-d { .b--gray0-d {
border-color: #333; border-color: #333;
} }
.b--gray1-d {
border-color: #4d4d4d;
}
.b--gray2-d { .b--gray2-d {
border-color: #7f7f7f; border-color: #7f7f7f;
} }

2
pkg/interface/groups/src/js/components/lib/contact-card.js
View File

@ -501,7 +501,7 @@ export class ContactCard extends Component {
<div <div
className={ className={
"flex justify-between w-100 bg-white bg-gray0-d " + "flex justify-between w-100 bg-white bg-gray0-d " +
"bb b--gray4 b--gray2-d " "bb b--gray4 b--gray1-d "
}> }>
<div className="f9 mv4 mh3 pt1 dib w-100"> <div className="f9 mv4 mh3 pt1 dib w-100">
<Link to={meLink}> <Link to={meLink}>

6
pkg/interface/groups/src/js/components/lib/contact-sidebar.js
View File

@ -86,9 +86,9 @@ export class ContactSidebar extends Component {
let detailHref = `/~groups/detail${props.path}` let detailHref = `/~groups/detail${props.path}`
return ( return (
<div className={`bn br-m br-l br-xl b--gray2 lh-copy h-100 flex-shrink-0 <div className={"bn br-m br-l br-xl b--gray4 b--gray1-d lh-copy h-100 " +
flex-basis-100-s flex-basis-30-ns mw5-m mw5-l mw5-xl relative "flex-basis-100-s flex-basis-30-ns mw5-m mw5-l mw5-xl relative " +
overflow-hidden ` + responsiveClasses}> "overflow-hidden flex-shrink-0 " + responsiveClasses}>
<div className="pt3 pb5 pl3 f8 db dn-m dn-l dn-xl"> <div className="pt3 pb5 pl3 f8 db dn-m dn-l dn-xl">
<Link to="/~groups/">{"⟵ All Groups"}</Link> <Link to="/~groups/">{"⟵ All Groups"}</Link>
</div> </div>

6
pkg/interface/groups/src/js/components/lib/group-sidebar.js
View File

@ -121,9 +121,9 @@ export class GroupSidebar extends Component {
let activeClasses = (this.props.activeDrawer === "groups") ? "" : "dn-s"; let activeClasses = (this.props.activeDrawer === "groups") ? "" : "dn-s";
return ( return (
<div className={"bn br-m br-l br-xl b--gray2 lh-copy h-100 flex-basis-100-s " + <div className={"bn br-m br-l br-xl b--gray4 b--gray1-d lh-copy h-100 " +
"flex-basis-30-ns flex-shrink-0 mw5-m mw5-l mw5-xl pt3 pt0-m pt0-l pt0-xl " + "flex-basis-30-ns flex-shrink-0 mw5-m mw5-l mw5-xl flex-basis-100-s " +
"relative overflow-hidden " + activeClasses}> "relative overflow-hidden pt3 pt0-m pt0-l pt0-xl " + activeClasses}>
<a className="db dn-m dn-l dn-xl f8 pb6 pl3" href="/">⟵ Landscape</a> <a className="db dn-m dn-l dn-xl f8 pb6 pl3" href="/">⟵ Landscape</a>
<div className="overflow-auto pb8 h-100"> <div className="overflow-auto pb8 h-100">
<Link to="/~groups/new" className="dib"> <Link to="/~groups/new" className="dib">