2023-10-03 21:57:51 +01:00

92 lines
1.6 KiB
CSS

#unit-list-panel {
bottom:20px;
display:flex;
flex-direction: column;
justify-self:center;
position: absolute;
z-index:999;
}
#unit-list-panel h3 {
margin-bottom:4px;
}
#unit-list-panel-content {
display:flex;
flex-flow: column nowrap;
max-height: 200px;
row-gap: 4px;
}
.unit-list-unit {
border-radius: var( --border-radius-sm );
column-gap: 2px;
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.unit-list-unit:nth-of-type(even) {
background:#ffffff10;
overflow:visible;
}
.unit-list-unit.headers {
margin-bottom:3px;
margin-right:10px;
overflow: hidden;
}
.unit-list-unit.headers [data-sort-field] {
cursor:pointer;
}
.unit-list-unit.headers > * {
background-color: var( --background-grey );
text-align: center;
}
.unit-list-unit > * {
font-size:13px;
overflow: hidden;
padding:2px;
width:80px;
}
.unit-list-unit :first-child {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width:150px;
}
.unit-list-unit :first-child:hover {
overflow:visible;
}
.unit-list-unit :first-child:hover span {
position:relative;
z-index:9999;
}
.unit-list-unit :first-child:hover span:hover {
background-color: white;
color: var( --background-steel );
}
.unit-list-unit :nth-child(2) {
width:120px;
}
.unit-list-unit > [data-unit-id] {
cursor:pointer;
}
#unit-list-panel-content > * {
cursor:pointer;
}
#unit-list-panel-content > .unit-list-unit:hover {
background-color: var( --background-grey );
}