Skip to content

Instantly share code, notes, and snippets.

@obulaworld
Created September 4, 2020 19:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save obulaworld/9e22574747b24e416a2c0cbe3eff8996 to your computer and use it in GitHub Desktop.
Save obulaworld/9e22574747b24e416a2c0cbe3eff8996 to your computer and use it in GitHub Desktop.
Stage css file
.stage {
width: 20rem;
display: flex;
height: 43.25rem;
flex-direction: column;
overflow: scroll;
padding-bottom: 1.5rem;
align-items: center;
border: 1px solid #dce1e4;
position: relative;
}
.stageHeader {
display: flex;
align-items: center;
margin-bottom: 2.3125rem;
position: absolute;
width: inherit;
z-index: 100;
height: 3rem;
background: #fff;
justify-content: space-between;
}
.stageCount {
height: 1.5rem;
justify-content: center;
margin-right: 0.625rem;
margin-left: 0.75rem;
width: 1.5rem;
align-items: center;
background: #d8d8d8;
border-radius: 4px;
font-family: Roboto;
font-style: normal;
font-weight: normal;
display: flex;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #5b5b5b;
}
.ellipsisContainer {
display: flex;
width: 1.625rem;
border-radius: 2px;
height: 1.625rem;
justify-content: center;
align-items: center;
}
.ellipsis {
margin-right: 1rem;
cursor: pointer;
z-index: 200000000;
}
.ellipsis:hover {
background: #f3f3f3;
}
div.firstListItem {
font-family: Roboto;
font-style: normal;
font-weight: normal;
text-align: center;
font-size: 12px;
line-height: 14px;
color: #b1b4b6;
display: flex;
justify-content: center;
}
.ellipsisToolTip {
background: #fcfcfc;
position: absolute;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.265188);
border-radius: 4px;
width: 13.4375rem;
height: 7.5625rem;
padding: 0.89625rem;
}
.approvalMenu {
padding: 0.4125rem;
cursor: pointer;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #3f3939;
align-items: center;
display: flex;
}
.stageInnerHeader {
display: flex;
justify-content: center;
align-items: center;
}
.stageTitle {
font-family: Roboto;
font-style: normal;
font-weight: 900;
font-size: 14px;
line-height: 16px;
color: #454444;
}
.stageGroup {
display: flex;
padding: 0 2rem;
}
.cardsGroup {
margin-top: 4.6rem;
}
.requestedCount {
background: #d8d8d8;
}
.editRequestedCount {
background: #ffccd3;
}
.inRevisionCount {
background: #fbedce;
}
.pendingApprovalCount {
background: #d1e4f9;
}
.pendingImplementationCount {
background: #fedfd0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment