97 lines
2.5 KiB
SCSS
97 lines
2.5 KiB
SCSS
#reports {
|
|
> .top {
|
|
> .graph {
|
|
margin-top: 15px;
|
|
|
|
> .graphHeader {
|
|
margin-bottom: 15px;
|
|
}
|
|
}
|
|
|
|
> .issueList {
|
|
display: block;
|
|
margin-top: 15px;
|
|
|
|
> .issueListHeader {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
> .issue {
|
|
padding: {
|
|
top: 10px;
|
|
bottom: 10px;
|
|
}
|
|
border-bottom: 1px solid var(--borderLight);
|
|
display: grid;
|
|
grid-template-columns: 80px 130px calc(100% - 210px);
|
|
grid-template-areas: "type number name" "priority desc desc" "updatedAt desc desc";
|
|
|
|
&:hover {
|
|
background-color: var(--issue-background-selected);
|
|
}
|
|
|
|
.number {
|
|
grid-area: number;
|
|
> .styledLink {
|
|
line-height: 1;
|
|
> .styledIcon, > span {
|
|
line-height: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.type {
|
|
grid-area: type;
|
|
> .styledIcon {
|
|
font-size: 22px;
|
|
}
|
|
}
|
|
|
|
.priority {
|
|
grid-area: priority;
|
|
}
|
|
|
|
.name {
|
|
grid-area: name;
|
|
font-size: 14px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.desc {
|
|
grid-area: desc;
|
|
margin-top: 10px;
|
|
font-size: 12px;
|
|
color: var(--textLight);
|
|
pre {
|
|
&:first-child {
|
|
margin: 0;
|
|
}
|
|
* {
|
|
|
|
font-size: 12px;
|
|
color: var(--textLight);
|
|
}
|
|
}
|
|
}
|
|
|
|
.updatedAt {
|
|
grid-area: updatedAt;
|
|
align-self: end;
|
|
color: var(--textLight);
|
|
font-size: 10px;
|
|
}
|
|
}
|
|
|
|
> .issue.selected {
|
|
color: var(--primary);
|
|
font-family: var(--font-bold);
|
|
}
|
|
|
|
> .issue.nonSelected {
|
|
color: var(--textLight);
|
|
font-family: var(--font-regular);
|
|
}
|
|
}
|
|
}
|
|
}
|