.issues-table { @include table-flex(); margin-bottom: 2rem; &.empty { display: none; } .row { &:hover { background: lighten($green-taiga, 60%); @include transition (background .2s ease-in); } .icon { display: inline; } } .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, 70px, 0, 70px); 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, .created-field { @include table-flex-child(1, 100px, 0, 150px); padding: 0 1rem; text-align: left; } .assigned-field { @include table-flex-child(2, 100px, 0, 150px); } .issue-assignedto { cursor: pointer; position: relative; &:hover { .icon { @include transition(opacity .3s linear); opacity: 1; } } figcaption { max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .icon { @include transition(opacity .3s linear); opacity: 0; position: absolute; right: 0; top: .5rem; } } .pop-status { @include popover(200px, 0, 65%, '', ''); &.fix { bottom: 0; top: auto; } } }