Preciso alterar uma parte do código que está sendo feito pelo Javascript Usando o React.
Criamos um component Grid. Coloquei esse código no sub-item que desejo que seja aparecido automaticamente ao passar o mouse:
Preciso alterar outro arquivo do component ou arquivo index? Ou ainda criar um componente novo ?
<dropdown:hover dropdown-menu { display: block; }>
mas não obtive nenhum resultado.
Segue o css:
< tr { &:hover { background-color: none; }
&:nth-child(odd) {
background-color: getColor(table-row-odd-bg);
}
&:nth-child(even) {
background-color: getColor(table-row-even-bg);
}
&.k-state-selected > td {
background-color: getColor(table-row-selected);
color: getColor(table-row-text);
}
.k-grid-header {
border-color: getColor(table-border);
background-color: getColor(table-heading-bg);
border-radius: 6px 6px 0 0;
color: getColor(table-heading-text);
}
.k-icon {
color: getColor(table-heading-text);
}
}
.k-grid-header-wrap {
background-color: getColor(table-heading-bg);
}
.k-grid-container {
border-right-color: getColor(table-border);
border-left-color: getColor(table-border);
border-bottom-color: getColor(table-border);
color: getColor(table-row-text);
border-radius: 0 0 6px 6px;
}
.k-grid-content {
overflow-y: scroll;
background-color: transparent;
}
}
