os1: skeleton uses b--gray4, not b--gray2

This commit is contained in:
Matilde Park 2020-04-01 12:06:36 -04:00
parent 069ec72f8a
commit 922318e072
7 changed files with 9 additions and 6 deletions

View File

@ -27,7 +27,7 @@ export class Skeleton extends Component {
? "" : "ph4-m ph4-l ph4-xl pb4-m pb4-l pb4-xl";
let popoutBorder = this.props.popout
? "" : "ba-m ba-l ba-xl b--gray2 br1 ";
? "" : "ba-m ba-l ba-xl b--gray4 b--gray1-d br1 ";
return (
// app outer skeleton

View File

@ -13,7 +13,7 @@ export class Skeleton extends Component {
return (
<div className="h-100 w-100 ph4-m ph4-l ph4-xl pb4-m pb4-l pb4-xl">
<HeaderBar spinner={props.spinner} invites={props.invites} associations={props.associations} />
<div className="cf w-100 h-100 h-100-m-40-ns flex ba-m ba-l ba-xl b--gray2 br1">
<div className="cf w-100 h-100 h-100-m-40-ns flex ba-m ba-l ba-xl b--gray4 b--gray1-d br1">
<GroupSidebar
contacts={props.contacts}
groups={props.groups}

View File

@ -17,7 +17,7 @@ export class Skeleton extends Component {
? "" : "h-100-m-40-ns ph4-m ph4-l ph4-xl pb4-m pb4-l pb4-xl"
let popoutBorder = (popout)
? "" : "ba-m ba-l ba-xl b--gray2 br1"
? "" : "ba-m ba-l ba-xl b--gray4 b--gray1-d br1"
let linkInvites = ('/link' in this.props.invites)
? this.props.invites['/link'] : {};

View File

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

View File

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

View File

@ -107,7 +107,7 @@ export class Sidebar extends Component {
return (
<div
className={
"bn br-m br-l br-xl b--gray4 b--gray2-d lh-copy h-100 " +
"bn br-m br-l br-xl b--gray4 b--gray1-d lh-copy h-100 " +
"flex-shrink-0 pt3 pt0-m pt0-l pt0-xl relative " +
"overflow-y-hidden " + activeClasses +
(hiddenClasses ? "flex-basis-100-s flex-basis-250-ns" : "dn")

View File

@ -16,7 +16,7 @@ export class Skeleton extends Component {
? "" : "h-100-m-40-ns ph4-m ph4-l ph4-xl pb4-m pb4-l pb4-xl"
let popoutBorder = (popout)
? "": "ba-m ba-l ba-xl b--gray2 br1"
? "": "ba-m ba-l ba-xl b--gray4 b--gray1-d br1"
return (
<div className={"absolute h-100 w-100 " + popoutWindow}>