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