.listview { border: 1px solid @input-border; .border-radius(@border-radius-small); line-height: 15px; &.inner { width: 100%; height: 100%; max-height: 100%; overflow: hidden; position: relative; .empty-text { text-align: center; width: 100%; height: 100%; color: #b2b2b2; td { padding: 5px; } } } &:not(.no-focus):focus { border-color: @border-preview-select; } & > .item { // display: block; text-overflow: ellipsis; padding: 3px 6px; cursor: pointer; white-space: pre-wrap; background-color: @list-group-bg; border-color: @list-group-border; border-style: solid; border-width: 1px 0; border-top-color: #fafafa; } &:not(.disabled) > .item { &:hover { background-color: @highlight-button-hover; border-color: @highlight-button-hover; border-style: solid; border-width: 1px 0; } &.selected { background-color: @highlight-button-pressed; color: #fff; border-color: @highlight-button-pressed; border-style: solid; border-width: 1px 0; } } &.ps-container { overflow: hidden; } &.disabled { > .item { cursor: default; opacity: 0.5; } } } .no-borders > .listview .item { border-color: transparent; border-top-color: transparent; }