taiga-front/app/styles/modules/issues/issues-table.scss

83 lines
1.8 KiB
SCSS

.empty-issues {
border: 1px dashed $gray-light;
color: $gray-light;
min-height: 10rem;
padding: 5% 0;
text-align: center;
.icon {
@extend %xxlarge;
margin-bottom: 2rem;
}
span {
display: block;
&.title {
@extend %xlarge;
@extend %title;
margin-bottom: 1rem;
text-transform: uppercase;
}
}
}
.issues-table {
@include table-flex();
margin-bottom: 2rem;
&.empty {
display: none;
}
.row {
&:hover {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);
}
}
.row-selected {
background: lighten($green-taiga, 60%);
@include transition (background .2s ease-in);
}
.title {
@extend %medium;
@extend %bold;
border-bottom: 1px solid $gray-light;
&:hover {
background: transparent;
}
div {
cursor: pointer;
}
}
.table-main {
@extend %small;
border-bottom: 1px solid $gray-light;
}
.avatar {
align-items: center;
display: flex;
img {
flex-basis: 35px;
}
figcaption {
margin-left: .5rem;
}
}
.level-field {
@include table-flex-child(1, 50px, 0, 50px);
text-align: center;
}
.subject {
@include table-flex-child(7, 300px, 0, 300px);
padding-right: 1rem;
span {
&:first-child {
margin-right: .5rem;
}
}
}
.issue-field,
.assigned-field {
@include table-flex-child(1, 150px, 0, 150px);
padding: 0 1rem;
text-align: left;
}
}