49 lines
791 B
CSS
49 lines
791 B
CSS
[data-mantine-color-scheme="light"] .card {
|
|
background-color: var(--mantine-color-gray-1);
|
|
}
|
|
|
|
[data-mantine-color-scheme="dark"] .card {
|
|
background-color: var(--mantine-color-dark-7);
|
|
}
|
|
|
|
.root {
|
|
min-width: 0;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.testAction {
|
|
margin-inline-start: auto;
|
|
flex-shrink: 0;
|
|
opacity: 0;
|
|
transition: opacity 120ms ease;
|
|
}
|
|
|
|
.root:hover .testAction,
|
|
.root:focus-within .testAction {
|
|
opacity: 1;
|
|
}
|
|
|
|
.indexerRow {
|
|
min-height: 24px;
|
|
padding: 2px 4px;
|
|
border-radius: var(--mantine-radius-xs);
|
|
|
|
&:hover,
|
|
&:focus-within {
|
|
background-color: var(--mantine-color-default-hover);
|
|
}
|
|
}
|
|
|
|
@media (any-pointer: coarse) {
|
|
.testAction {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.testAction {
|
|
transition: none;
|
|
}
|
|
}
|