mycrypt/treeview.css at main · amnond/mycrypt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
.tree-leaf { position: relative; }
.tree-leaf .tree-child-leaves { display: block; margin-left: 15px; }
.tree-leaf .hidden { display: none; }
.tree-leaf .tree-expando {
    background: #ddd; border-radius: 3px; cursor: pointer;
    float: left; height: 24px; line-height: 24px;
    min-width: 24px; text-align: center; font-size: 14px;
    user-select: none; -webkit-user-select: none;
}
.tree-leaf .tree-leaf-text {
    cursor: pointer; float: left; margin-left: 5px;
    padding: 4px 8px; border-radius: 8px;
    min-height: 28px; display: flex; align-items: center;
}
.tree-leaf .tree-leaf-content:before, .tree-leaf .tree-leaf-content:after { content: " "; display: table; }
.tree-leaf .tree-leaf-content:after { clear: both; }
.nowselected {
    background-color: yellow;
}

@media (max-width: 600px) {
    .tree-leaf .tree-child-leaves { margin-left: 10px; }
    .tree-leaf .tree-expando { height: 28px; line-height: 28px; min-width: 28px; }
    .tree-leaf .tree-leaf-text { padding: 6px 10px; min-height: 32px; }
}