bitque/jirs-client/js/css/project.css

211 lines
5.3 KiB
CSS
Raw Normal View History

#projectPage {
padding: 25px 32px 50px calc(var(--appNavBarLeftWidth) + var(--secondarySideBarWidth) + 40px);
}
#projectPage > .breadcrumbsContainer {
color: var(--textMedium);
font-size: 15px;
}
#projectPage > .breadcrumbsContainer > .breadcrumbsDivider {
position: relative;
top: 2px;
margin: 0 10px;
font-size: 18px;
}
#projectPage > #projectBoardHeader {
margin-top: 6px;
display: flex;
justify-content: space-between;
}
#projectPage > #projectBoardHeader > #boardName {
font-size: 24px;
font-family: var(--font-medium);
font-weight: normal;
}
#projectPage > #projectBoardFilters {
display: flex;
align-items: center;
margin-top: 24px;
}
2020-04-06 08:38:08 +02:00
#projectPage > #projectBoardFilters > .textFilterBoard {
margin-right: 18px;
width: 160px;
}
2020-03-31 11:11:06 +02:00
#projectPage > #projectBoardFilters > #avatars {
display: flex;
flex-direction: row-reverse;
margin: 0 12px 0 2px;
}
#projectPage > #projectBoardFilters > #avatars > .avatarIsActiveBorder {
display: inline-flex;
margin-left: -2px;
border-radius: 50%;
transition: transform 0.1s;
cursor: pointer;
user-select: none;
}
#projectPage > #projectBoardFilters > #avatars > .avatarIsActiveBorder.isActive {
box-shadow: 0 0 0 4px var(--primary);
}
#projectPage > #projectBoardFilters > #avatars > .avatarIsActiveBorder:hover {
2020-03-31 11:36:39 +02:00
transform: translateY(-5px);
}
2020-03-31 11:11:06 +02:00
#projectPage > #projectBoardFilters > #avatars > .avatarIsActiveBorder > .styledAvatar {
box-shadow: 0 0 0 2px #fff;
}
2020-03-31 11:36:39 +02:00
#projectPage > #projectBoardFilters .styledButton {
margin-left: 6px;
}
2020-03-31 14:28:30 +02:00
#projectPage > #projectBoardFilters > #clearAllFilters {
height: 32px;
line-height: 32px;
margin-left: 15px;
padding-left: 12px;
border-left: 1px solid var(--borderLightest);
color: var(--textDark);
font-size: 14.5px;
cursor: pointer;
user-select: none;
}
#projectPage > #projectBoardFilters > #clearAllFilters:hover {
color: var(--textMedium);
}
2020-03-31 11:36:39 +02:00
#projectPage > #projectBoardLists {
2020-03-31 14:28:30 +02:00
display: flex;
margin: 26px -5px 0;
2020-03-31 22:05:18 +02:00
position: relative;
2020-03-31 14:28:30 +02:00
}
#projectPage > #projectBoardLists > .list {
display: flex;
flex-direction: column;
margin: 0 5px;
min-height: 400px;
width: 25%;
border-radius: 3px;
background: var(--backgroundLightest);
}
#projectPage > #projectBoardLists > .list > .title {
padding: 13px 10px 17px;
text-transform: uppercase;
color: var(--textMedium);
font-size: 12.5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#projectPage > #projectBoardLists > .list > .title > .issuesCount {
text-transform: lowercase;
font-size: 13px;
}
#projectPage > #projectBoardLists > .list > .issues {
height: 100%;
padding: 0 5px;
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink {
display: block;
margin-bottom: 5px;
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue {
padding: 10px;
border-radius: 3px;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(9, 30, 66, 0.25);
transition: background 0.1s;
cursor: pointer;
user-select: none;
}
2020-03-31 22:05:18 +02:00
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue.hidden {
display: none;
}
2020-03-31 14:28:30 +02:00
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue.isBeingDragged {
transform: rotate(3deg);
2020-03-31 22:05:18 +02:00
/*box-shadow: 5px 10px 30px 0 rgba(9, 30, 66, 0.15);*/
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 90px;
2020-03-31 14:28:30 +02:00
}
@media (max-width: 1100px) {
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue {
padding: 10px 8px;
}
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue:hover {
background: var(--backgroundLight);
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .title {
padding-bottom: 11px;
font-size: 15px;
}
@media (max-width: 1100px) {
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .title {
font-size: 14.5px
}
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom > div {
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom > div > .issueTypeIcon {
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom > div > .issuePriorityIcon {
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom > .assignees {
display: flex;
flex-direction: row-reverse;
margin-left: 2px;
}
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom > .assignees > .assigneeAvatar,
#projectPage > #projectBoardLists > .list > .issues > .issueLink > .issue > .bottom > .assignees > .styledAvatar {
margin-left: -2px;
box-shadow: 0 0 0 2px #fff;
2020-03-31 11:36:39 +02:00
}
@media (max-width: 1100px) {
#projectPage {
padding: 25px 20px 50px calc(var(--appNavBarLeftWidth) + var(--secondarySideBarWidth) + 20px);
}
}
@media (max-width: 999px) {
#projectPage {
padding-left: calc(var(--appNavBarLeftWidth) + var(--secondarySideBarWidth) + 20px - var(--secondarySideBarWidth));
}
}