ModelHandle/source/website/css/treeview.css

79 lines
1.1 KiB
CSS

div.ov_tree_view
{
user-select: none;
}
div.ov_tree_view div.ov_tree_item
{
overflow: auto;
border-radius: 5px;
padding-right: 5px;
}
div.ov_tree_view div.ov_tree_item.selected
{
background: var(--ov_treeview_selected_color);
font-weight: bold;
}
div.ov_tree_view div.ov_tree_item.clickable
{
cursor: pointer;
border-radius: 5px;
}
div.ov_tree_view div.ov_tree_item_button_container
{
float: right;
}
.ov_tree_view .ov_tree_item_button
{
color: var(--ov_light_icon_color);
padding: 13px;
float: left;
cursor: pointer;
display: block;
}
.ov_tree_view div.ov_tree_item_icon,
.ov_tree_view button.ov_tree_item_icon
{
padding: 5px;
float: left;
}
.ov_tree_view button.ov_tree_item_toggle
{
display: block;
cursor: pointer;
}
div.ov_tree_view div.ov_tree_item_name
{
padding: 4px 5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.ov_tree_view div.ov_tree_view_children
{
margin-left: 28px;
}
div.ov_tree_view.tight div.ov_tree_view_children
{
margin-left: 10px;
}
@media (hover)
{
div.ov_tree_view div.ov_tree_item.clickable:hover
{
background: var(--ov_hover_color);
}
}