Skip to content

Commit ad0e70c

Browse files
lorens-osman-devlorens-osman-dev
committed
Enhance navigation tree styles for CLUSTERS with icons for files and folders
1 parent bb4265e commit ad0e70c

File tree

2 files changed

+127
-0
lines changed

2 files changed

+127
-0
lines changed

‎src/style/parts/newNavTree.scss‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,81 @@
5151
// background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Zz4KICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgLz4KICAgIDxwYXRoIGlkPSJQYXRoIiBkPSJNMy44ODg0MyAyLjU1MTA4ZS0wNUM0LjU3NDcgLTAuMDAwMjc0NDIgNS4wNDkxNSAtMC4wMDA0ODc2ODUgNS40NzUwNyAwLjE1OTIyNkM2LjQwNTQgMC41MDgwODUgNi44MTM2IDEuMzM0MTkgNy4xMjgzMyAxLjk3MDk2QzcuMjIyNTMgMi4xNTk0NSA3LjM5MzkzIDIuNTAxODUgNy40NDE4NyAyLjU3NzE0QzcuNDU2NTMgMi42MDE3NSA3LjUwMjkzIDIuNjUyMTcgNy41NzA5MyAyLjY1NjkzQzcuNjU5NzMgMi42NjYxMSA3Ljc4IDIuNjY2NzIgNy45OTA3MyAyLjY2NjcyQzcuOTkwNzMgMi42NjY3MiAxMC4zNjAzIDIuNjY2NzIgMTAuMzYwMyAyLjY2NjcyQzEwLjM2MDMgMi42NjY3MiAxMC4zNjAzIDIuNjY2NzIgMTAuMzYwMyAyLjY2NjcyQzExLjAzOTcgMi42NjY3MSAxMS41ODc1IDIuNjY2NzEgMTIuMDI3IDIuNzExNDJDMTIuNDgwNyAyLjc1NzU3IDEyLjg3NDIgMi44NTU0NyAxMy4yMjIzIDMuMDg4MDVDMTMuNDk1MyAzLjI3MDQ1IDEzLjcyOTYgMy41MDQ4MiAxMy45MTIgMy43Nzc3OUMxNC4xNDQ2IDQuMTI1ODcgMTQuMjQyNSA0LjUxOTM0IDE0LjI4ODcgNC45NzMwNUMxNC4zMzMzIDUuNDEyNTkgMTQuMzMzMyA2LjAxNTU5IDE0LjMzMzMgNi42OTQ5MkMxNC4zMzMzIDcuODQxMzkgMTQuMzMzMyA4Ljc0MDE5IDE0LjI2MDUgOS40NTU3OUMxNC4xODYzIDEwLjE4NTYgMTQuMDMyMiAxMC43ODAyIDEzLjY4NzMgMTEuMjk2NEMxMy40MDc2IDExLjcxNSAxMy4wNDgzIDEyLjA3NDMgMTIuNjI5NyAxMi4zNTQxQzEyLjExMzUgMTIuNjk4OSAxMS41MTg5IDEyLjg1MzEgMTAuNzg5MSAxMi45MjczQzEwLjA3MzUgMTMuMDAwMSA5LjE3NDY3IDEzLjAwMDEgOC4wMjgyIDEzLjAwMDFDOC4wMjgyIDEzLjAwMDEgNy4xMjg0IDEzLjAwMDEgNy4xMjg0IDEzLjAwMDFDNS41ODk0OSAxMy4wMDAxIDQuMzgzNDYgMTMuMDAwMSAzLjQ0MjQ3IDEyLjg3MzZDMi40NzkzMSAxMi43NDQxIDEuNzE5MyAxMi40NzM5IDEuMTIyNzYgMTEuODc3M0MwLjUyNjIyIDExLjI4MDggMC4yNTU5OTMgMTAuNTIwNyAwLjEyNjUgOS41NTc1OUMtMS4zMTcyNmUtMDUgOC42MTY1OSAtNi40OTY5MWUtMDYgNy40MTA1OSAxLjc4ODE0ZS0wNyA1Ljg3MTY1QzEuNzg4MTRlLTA3IDUuODcxNjUgMS43ODgxNGUtMDcgNS44NzE2NSAxLjc4ODE0ZS0wNyA1Ljg3MTY1TDEuNzg4MTRlLTA3IDMuNzczMDZDMS43ODgxNGUtMDcgMy43NzMwNiAxLjc4ODE0ZS0wNyAzLjc3MzA2IDEuNzg4MTRlLTA3IDMuNzczMDZDLTYuNDk2OTFlLTA2IDMuMTg3MjMgLTEuMzE3MjZlLTA1IDIuNzE0NzUgMC4wMzM2MjY4IDIuMzMzMTlDMC4wNjgyODAyIDEuOTQwMDMgMC4xNDE1ODcgMS41OTU5NyAwLjMxNjkzNCAxLjI4MTc3QzAuNTQyODUzIDAuODc2OTQ2IDAuODc2ODg3IDAuNTQyOTA2IDEuMjgxNzIgMC4zMTY5ODZDMS41OTU5MiAwLjE0MTYzOSAxLjkzOTk3IDAuMDY4MzM5IDIuMzMzMTMgMC4wMzM2NzlDMi43MTQ3IDQuNTUzNzllLTA1IDMuMzAyNiAxLjg4MzUxZS0wNSAzLjg4ODQzIDIuNTUxMDhlLTA1QzMuODg4NDMgMi41NTEwOGUtMDUgMy44ODg0MyAyLjU1MTA4ZS0wNSAzLjg4ODQzIDIuNTUxMDhlLTA1WiIgZmlsbD0iI0Y1QTYyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MzMgMS41KSIgLz4KICA8L2c+Cjwvc3ZnPg==");
5252
// }
5353
// }
54+
.tree-item {
55+
&.nav-file .tree-item-self[data-path^="CLUSTERS"] {
56+
.tree-item-inner.nav-file-title-content {
57+
position: relative;
58+
padding-left: calc(8px + var(--icon-size));
59+
60+
&::before {
61+
position: absolute;
62+
top: 50%;
63+
transform: translateY(-50%);
64+
left: 0px;
65+
66+
content: " ";
67+
display: inline-block;
68+
width: var(--icon-size);
69+
height: var(--icon-size);
70+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Zz4KICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgLz4KICAgIDxwYXRoIGlkPSJQYXRoIiBkPSJNNS41NTgyOSA2LjcxNzQ0ZS0wNUM1LjkzODIzIC0wLjAwMDQzOTUyNSA2LjI3NDU2IC0wLjAwMDg5Mjg3OCA2LjU5MTU2IDAuMTExNTU0QzYuNjU2ODkgMC4xMzQ3MjcgNi43MjA5IDAuMTYxMzg3IDYuNzgzNDMgMC4xOTE0MzRDNy4wODY2MyAwLjMzNzIxNCA3LjMyNDE2IDAuNTc2NTk0IDcuNTkyNDMgMC44NDcwMkM3LjU5MjQzIDAuODQ3MDIgMTAuNzgxIDQuMDUyMTMgMTAuNzgxIDQuMDUyMTNDMTEuMDkyNiA0LjM2NDM2IDExLjM2OTEgNC42NDE0NyAxMS41MTg1IDUuMDAzOTdDMTEuNjY3OCA1LjM2NjQ3IDExLjY2NzIgNS43NTg5NyAxMS42NjY2IDYuMjAxMjRDMTEuNjY2NiA2LjIwMTI0IDExLjY2NjUgOC41MTczNyAxMS42NjY1IDguNTE3MzdDMTEuNjY2NSA5LjcwNTM3IDExLjY2NjUgMTAuNjYzIDExLjU2NTggMTEuNDE2MUMxMS40NjEyIDEyLjE5OCAxMS4yMzc1IDEyLjg1NjQgMTAuNzE3MyAxMy4zNzkyQzEwLjE5NzIgMTMuOTAyMSA5LjU0MjIzIDE0LjEyNyA4Ljc2NDM2IDE0LjIzMjFDOC4wMTUwOSAxNC4zMzM0IDcuMDYyNDkgMTQuMzMzNCA1Ljg4MDYzIDE0LjMzMzNDNC42OTg3NiAxNC4zMzM0IDMuNjUxMzcgMTQuMzMzNCAyLjkwMjE0IDE0LjIzMjFDMi4xMjQyOSAxNC4xMjcgMS40NjkzNCAxMy45MDIxIDAuOTQ5MTc0IDEzLjM3OTJDMC40MjkwMDcgMTIuODU2NCAwLjIwNTI3NCAxMi4xOTggMC4xMDA2OTQgMTEuNDE2MUMtMy4yNjYzM2UtMDUgMTAuNjYzIC0xLjkzMTE5ZS0wNSA5LjcwNTQ0IDQuNzY4MzdlLTA3IDguNTE3NDRDNC43NjgzN2UtMDcgOC41MTc0NCA0Ljc2ODM3ZS0wNyA4LjUxNzQ0IDQuNzY4MzdlLTA3IDguNTE3NDRMNC43NjgzN2UtMDcgNS40Njg0MUM0Ljc2ODM3ZS0wNyA1LjQ2ODQxIDQuNzY4MzdlLTA3IDUuNDY4NCA0Ljc2ODM3ZS0wNyA1LjQ2ODRDLTEuMjg3NDZlLTA1IDQuNDQ1OTUgLTIuNTk4NzZlLTA1IDMuNjIxNiAwLjA3NjE2MDcgMi45NjU3MUMwLjE1NDk4NyAyLjI4NzA3IDAuMzIyNzgxIDEuNzA1NTkgMC43MTc4NzQgMS4yMTMwM0MwLjg2Mjg5NCAxLjAzMjIyIDEuMDI2NzQgMC44Njc1MiAxLjIwNjYxIDAuNzIxNzQxQzEuNjk2NjMgMC4zMjQ2MDEgMi4yNzUxIDAuMTU1OTI3IDIuOTUwMjMgMC4wNzY2OTM4QzMuNjAyNzMgMC4wMDAxMTM4NDUgNC41NDExNiA1LjM4MjNlLTA1IDUuNTU4MjkgNi43MTc0NGUtMDVDNS41NTgyOSA2LjcxNzQ0ZS0wNSA1LjU1ODI5IDYuNzE3NDRlLTA1IDUuNTU4MjkgNi43MTc0NGUtMDVaIiBmaWxsPSIjNEE5MEUyIiBmaWxsLW9wYWNpdHk9IjAuNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4xNjcgMC44MzMpIiAvPgogICAgPHBhdGggaWQ9IlBhdGgiIGQ9Ik0wLjQzMTM5OSAwLjA5MjQzOTlDMC40OTY3MzQgMC4xMTU2MTMgMC41NjA4IDAuMTQyMjggMC42MjMyNjYgMC4xNzIzMkMwLjkyNjQ2NyAwLjMxODEgMS4xNjQgMC41NTc0OCAxLjQzMjMzIDAuODI3OTEzQzEuNDMyMzMgMC44Mjc5MTMgNC42MjA4NyA0LjAzMzAxIDQuNjIwODcgNC4wMzMwMUM0LjYyMDg3IDQuMDMzMDEgNC42MjA4NyA0LjAzMzAyIDQuNjIwODcgNC4wMzMwMkM0LjkzMjQ3IDQuMzQ1MjUgNS4yMDkgNC42MjIzNiA1LjM1ODMzIDQuOTg0ODZDNS40MjQyIDUuMTQ0NjcgNS40NjA5MyA1LjMxMDMzIDUuNDgxMzMgNS40ODM0OUM1LjQ4MTMzIDUuNDgzNDkgNC4xNjA4IDUuNDgzNDkgNC4xNjA4IDUuNDgzNDlDMy4yNDkwNyA1LjQ4MzUxIDIuODE2NjcgNS40ODI5OCAyLjIzODczIDUuNDA1MjdDMS42Mzg2NyA1LjMyNDYgMS4xMzM0IDUuMTUyIDAuNzMyMTMzIDQuNzUwNzNDMC4zMzA4IDQuMzQ5NDUgMC4xNTgyNjcgMy44NDQyIDAuMDc3NTMyOCAzLjI0NDEzQzAgMi42NjczMyAwIDIuMjM1NTMgMCAxLjMyNzY0QzAgMS4zMjc2NCAwIDEuMzI3NjIgMCAxLjMyNzYyQzAgMS4zMjc2MiAwIDAgMCAwQzAuMTQ4OTMzIDAuMDE1Mzg2NiAwLjI5MjA2NyAwLjA0MyAwLjQzMTM5OSAwLjA5MjQzOTlDMC40MzEzOTkgMC4wOTI0Mzk5IDAuNDMxMzk5IDAuMDkyNDM5OSAwLjQzMTM5OSAwLjA5MjQzOTlaIiBmaWxsPSIjNEE5MEUyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjMyNiAwLjg1MikiIC8+CiAgICA8cGF0aCBpZD0iUGF0aCIgZD0iTTYuMzMzMzYgMC41QzYuMzMzMzYgMC4yMjM4NjYgNi4xMDk0OSAwIDUuODMzMzYgMEM1LjgzMzM2IDAgMC41IDAgMC41IDBDMC4yMjM4NTMgMCAwIDAuMjIzODY2IDAgMC41QzAgMC43NzYxOTkgMC4yMjM4NTMgMSAwLjUgMUMwLjUgMSA1LjgzMzM2IDEgNS44MzMzNiAxQzYuMTA5NDkgMSA2LjMzMzM2IDAuNzc2MTk5IDYuMzMzMzYgMC41QzYuMzMzMzYgMC41IDYuMzMzMzYgMC41IDYuMzMzMzYgMC41WiIgZmlsbD0iIzRBOTBFMiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjgzMyAxMC44MzMpIiAvPgogICAgPHBhdGggaWQ9IlBhdGgiIGQ9Ik0zLjY2NjY5IDAuNUMzLjY2NjY5IDAuMjIzODY2IDMuNDQyODMgMCAzLjE2NjY5IDBDMy4xNjY2OSAwIDAuNSAwIDAuNSAwQzAuMjIzODUzIDAgMCAwLjIyMzg2NiAwIDAuNUMwIDAuNzc2MiAwLjIyMzg1MyAxIDAuNSAxQzAuNSAxIDMuMTY2NjkgMSAzLjE2NjY5IDFDMy40NDI4MyAxIDMuNjY2NjkgMC43NzYyIDMuNjY2NjkgMC41QzMuNjY2NjkgMC41IDMuNjY2NjkgMC41IDMuNjY2NjkgMC41WiIgZmlsbD0iIzRBOTBFMiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjgzMyA4LjE2NykiIC8+CiAgPC9nPgo8L3N2Zz4=");
71+
background-repeat: no-repeat;
72+
background-position: center;
73+
}
74+
}
75+
}
76+
77+
&.nav-folder {
78+
79+
//----------opend folder
80+
.tree-item-self[data-path^="CLUSTERS/"] {
81+
.tree-item-inner.nav-folder-title-content {
82+
position: relative;
83+
padding-left: calc(8px + var(--icon-size));
84+
85+
&::before {
86+
position: absolute;
87+
top: 50%;
88+
transform: translateY(-50%);
89+
left: 0px;
90+
91+
content: " ";
92+
display: inline-block;
93+
width: var(--icon-size);
94+
height: var(--icon-size);
95+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Zz4KICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgLz4KICAgIDxwYXRoIGlkPSJQYXRoIiBkPSJNMTIuNzEzNCAwLjA3ODU5OTlDMTMuMjY2MSAwLjE1OTg2NyAxMy43NTk1IDAuMzQxIDE0LjA3NDggMC44MDQ3MzNDMTQuMzkwNiAxLjI2OTA3IDE0LjM3NjMgMS43OTM5MyAxNC4yNDY1IDIuMzM2MTNDMTQuMTIxMyAyLjg1OTY3IDEzLjg2MDMgMy41MDkyIDEzLjU0MDggNC4zMDQ2QzEzLjU0MDggNC4zMDQ2IDEzLjU0MDcgNC4zMDQ2NyAxMy41NDA3IDQuMzA0NjdDMTMuMzA1MSA0Ljg5MTQgMTIuODg4IDUuOTI5NTMgMTIuNjg4OSA2LjMwMTMzQzEyLjQ4MDkgNi42ODk2IDEyLjI0NDQgNy4wMDM4IDExLjg5NzggNy4yMzc0QzExLjU1MTMgNy40NzEgMTEuMTcxIDcuNTcyOCAxMC43MzIzIDcuNjIwNzNDMTAuMzExOSA3LjY2NjczIDkuNzk1MDYgNy42NjY3MyA5LjE2MDIgNy42NjY2N0M5LjE2MDIgNy42NjY2NyAzLjcxNzA5IDcuNjY2NjcgMy43MTcwOSA3LjY2NjY3QzMuNzE3MDkgNy42NjY2NyAzLjcxNzA4IDcuNjY2NjcgMy43MTcwOCA3LjY2NjY3QzIuODU2MjQgNy42NjY3MyAyLjE1NDAxIDcuNjY2NzMgMS42MTk3IDcuNTg4MTNDMS4wNjcwMyA3LjUwNjg3IDAuNTczNjM3IDcuMzI1NzMgMC4yNTgzMDQgNi44NjJDLTAuMDU3NDU2IDYuMzk3NjcgLTAuMDQzMTYyNiA1Ljg3MjggMC4wODY1NTc0IDUuMzMwNkMwLjIxMTgxMSA0LjgwNyAwLjY5Nzc4NCAzLjU5NzQgMS4wMTczNyAyLjgwMkMxLjI1MzA3IDIuMjE1MjcgMS40NDUxMiAxLjczNzIgMS42NDQyNCAxLjM2NTRDMS44NTIxOSAwLjk3NzEzMyAyLjA4ODcyIDAuNjYyOTMzIDIuNDM1MzQgMC40MjkyNjZDMi43ODE4MSAwLjE5NTczNCAzLjE2MjE1IDAuMDkzOTMzMSAzLjYwMDgyIDAuMDQ2QzQuMDIxMTggMCA0LjUzODA0IDAgNS4xNzI5MiAwQzUuMTcyOTIgMCA1LjE3Mjk2IDAgNS4xNzI5NiAwTDEwLjYxNiAwQzEwLjYxNiAwIDEwLjYxNjEgMCAxMC42MTYxIDBDMTEuNDc2OSAwIDEyLjE3OTEgMCAxMi43MTM0IDAuMDc4NTk5OUMxMi43MTM0IDAuMDc4NTk5OSAxMi43MTM0IDAuMDc4NTk5OSAxMi43MTM0IDAuMDc4NTk5OVoiIGZpbGw9IiNGNUE2MjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwLjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuODMzIDYuODMzKSIgLz4KICAgIDxwYXRoIGlkPSJQYXRoIiBkPSJNMy45MjgwMiAyLjM4NDE5ZS0wN0M0LjUxNzk4IDIuMzg0MTllLTA3IDUuMDc2MjIgMC4yNjYzMjcgNS40NDYzOSAwLjcyNDM5NEM1LjQ0NjM5IDAuNzI0Mzk0IDYuNDMyMzMgMS45NDQ0NSA2LjQzMjMzIDEuOTQ0NDVDNi40MzIzMyAxLjk0NDQ1IDkuNzc2MTMgMS45NDQ0NSA5Ljc3NjEzIDEuOTQ0NDVDMTAuMjA4OSAxLjk0NDQzIDEwLjU3MjYgMS45NDQ0MyAxMC44NzAyIDEuOTY4NjdDMTEuMTgxNCAxLjk5NDAzIDExLjQ3NzEgMi4wNDkwOCAxMS43NTc4IDIuMTkxN0MxMi4xODU5IDIuNDA5MTkgMTIuNTMzOSAyLjc1NjIzIDEyLjc1MjEgMy4xODMwOEMxMi44OTUxIDMuNDYyOTkgMTIuOTUwMyAzLjc1Nzg3IDEyLjk3NTcgNC4wNjgxNUMxMyA0LjM2NDkgMTMgNC43Mjc1NiAxMyA1LjE1OTExQzEzIDUuMTU5MTEgMTMgNS40NjUyNyAxMyA1LjQ2NTI3QzEyLjkwNjcgNS40NDM3NCAxMi44MTEgNS40MjYyNyAxMi43MTM0IDUuNDExODdDMTIuMTc5MSA1LjMzMzI3IDExLjQ3NjkgNS4zMzMzNCAxMC42MTYxIDUuMzMzMzRDMTAuNjE2MSA1LjMzMzM0IDUuMTcyOTYgNS4zMzMzNCA1LjE3Mjk2IDUuMzMzMzRDNC41MzgwOCA1LjMzMzM0IDQuMDIxMTggNS4zMzMzNCAzLjYwMDgzIDUuMzc5MjdDMy4xNjIxNSA1LjQyNzI3IDIuNzgxODEgNS41MjkwNyAyLjQzNTM1IDUuNzYyNjFDMi4wODg3MyA1Ljk5NjI3IDEuODUyMTkgNi4zMTA0MSAxLjY0NDI1IDYuNjk4NjdDMS40NDUxMyA3LjA3MDQ3IDEuMjUzMDcgNy41NDg1NCAxLjAxNzM3IDguMTM1MjdDMC42OTc3ODcgOC45MzA3NCAwLjIxMTgxNCAxMC4xNDAzIDAuMDg2NTYwMiAxMC42NjM5QzAuMDQ5NDQwMiAxMC44MTkxIDAuMDIxNzY2OSAxMC45NzI4IDAuMDA4NTgwMjEgMTEuMTI0MUMwLjAwMjkzMzU2IDExLjA4OTcgMi4zODQxOWUtMDcgMTEuMDU0NSAyLjM4NDE5ZS0wNyAxMS4wMTg1QzIuMzg0MTllLTA3IDExLjAxODUgMi4zODQxOWUtMDcgMy41NzM2MyAyLjM4NDE5ZS0wNyAzLjU3MzYzQy02LjQzNzNlLTA2IDMuMTI1MjMgLTEuMzExM2UtMDUgMi43NTUwOSAwLjAyMTM4MDIgMi40NTIzMUMwLjA0MzU2MDMgMi4xMzgyOSAwLjA5MTA1MzUgMS44NDgwOSAwLjIxMDg4IDEuNTY5NzlDMC40NzM4MDcgMC45NTkxMjcgMC45NjE4NjcgMC40NzI0NiAxLjU3NDI4IDAuMjEwMjhDMS44NTI5OSAwLjA5MDk2MDMgMi4xNDI1OCAwLjA0MzQ4NzEgMi40NTc0OSAwLjAyMTMyN0MyLjc2MDYxIC02LjE5ODg4ZS0wNiAzLjEzMTg0IC02LjE5ODg4ZS0wNiAzLjU4MzU5IDIuMzg0MTllLTA3QzMuNTgzNTkgMi4zODQxOWUtMDcgMy45MjgwMiAyLjM4NDE5ZS0wNyAzLjkyODAyIDIuMzg0MTllLTA3QzMuOTI4MDIgMi4zODQxOWUtMDcgMy45MjgwMiAyLjM4NDE5ZS0wNyAzLjkyODAyIDIuMzg0MTllLTA3WiIgZmlsbD0iI0Y1QTYyMyIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjgzMyAxLjUpIiAvPgogIDwvZz4KPC9zdmc+");
96+
background-repeat: no-repeat;
97+
background-position: center;
98+
}
99+
}
100+
}
101+
102+
//--------closed folder
103+
&.is-collapsed {
104+
.tree-item-self[data-path^="CLUSTERS/"] {
105+
.tree-item-inner.nav-folder-title-content {
106+
position: relative;
107+
padding-left: calc(8px + var(--icon-size));
108+
109+
&::before {
110+
position: absolute;
111+
top: 50%;
112+
transform: translateY(-50%);
113+
left: 0px;
114+
content: " ";
115+
display: inline-block;
116+
width: var(--icon-size);
117+
height: var(--icon-size);
118+
119+
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Zz4KICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgLz4KICAgIDxwYXRoIGlkPSJQYXRoIiBkPSJNMy44ODg0MyAyLjU1MTA4ZS0wNUM0LjU3NDcgLTAuMDAwMjc0NDIgNS4wNDkxNSAtMC4wMDA0ODc2ODUgNS40NzUwNyAwLjE1OTIyNkM2LjQwNTQgMC41MDgwODUgNi44MTM2IDEuMzM0MTkgNy4xMjgzMyAxLjk3MDk2QzcuMjIyNTMgMi4xNTk0NSA3LjM5MzkzIDIuNTAxODUgNy40NDE4NyAyLjU3NzE0QzcuNDU2NTMgMi42MDE3NSA3LjUwMjkzIDIuNjUyMTcgNy41NzA5MyAyLjY1NjkzQzcuNjU5NzMgMi42NjYxMSA3Ljc4IDIuNjY2NzIgNy45OTA3MyAyLjY2NjcyQzcuOTkwNzMgMi42NjY3MiAxMC4zNjAzIDIuNjY2NzIgMTAuMzYwMyAyLjY2NjcyQzEwLjM2MDMgMi42NjY3MiAxMC4zNjAzIDIuNjY2NzIgMTAuMzYwMyAyLjY2NjcyQzExLjAzOTcgMi42NjY3MSAxMS41ODc1IDIuNjY2NzEgMTIuMDI3IDIuNzExNDJDMTIuNDgwNyAyLjc1NzU3IDEyLjg3NDIgMi44NTU0NyAxMy4yMjIzIDMuMDg4MDVDMTMuNDk1MyAzLjI3MDQ1IDEzLjcyOTYgMy41MDQ4MiAxMy45MTIgMy43Nzc3OUMxNC4xNDQ2IDQuMTI1ODcgMTQuMjQyNSA0LjUxOTM0IDE0LjI4ODcgNC45NzMwNUMxNC4zMzMzIDUuNDEyNTkgMTQuMzMzMyA2LjAxNTU5IDE0LjMzMzMgNi42OTQ5MkMxNC4zMzMzIDcuODQxMzkgMTQuMzMzMyA4Ljc0MDE5IDE0LjI2MDUgOS40NTU3OUMxNC4xODYzIDEwLjE4NTYgMTQuMDMyMiAxMC43ODAyIDEzLjY4NzMgMTEuMjk2NEMxMy40MDc2IDExLjcxNSAxMy4wNDgzIDEyLjA3NDMgMTIuNjI5NyAxMi4zNTQxQzEyLjExMzUgMTIuNjk4OSAxMS41MTg5IDEyLjg1MzEgMTAuNzg5MSAxMi45MjczQzEwLjA3MzUgMTMuMDAwMSA5LjE3NDY3IDEzLjAwMDEgOC4wMjgyIDEzLjAwMDFDOC4wMjgyIDEzLjAwMDEgNy4xMjg0IDEzLjAwMDEgNy4xMjg0IDEzLjAwMDFDNS41ODk0OSAxMy4wMDAxIDQuMzgzNDYgMTMuMDAwMSAzLjQ0MjQ3IDEyLjg3MzZDMi40NzkzMSAxMi43NDQxIDEuNzE5MyAxMi40NzM5IDEuMTIyNzYgMTEuODc3M0MwLjUyNjIyIDExLjI4MDggMC4yNTU5OTMgMTAuNTIwNyAwLjEyNjUgOS41NTc1OUMtMS4zMTcyNmUtMDUgOC42MTY1OSAtNi40OTY5MWUtMDYgNy40MTA1OSAxLjc4ODE0ZS0wNyA1Ljg3MTY1QzEuNzg4MTRlLTA3IDUuODcxNjUgMS43ODgxNGUtMDcgNS44NzE2NSAxLjc4ODE0ZS0wNyA1Ljg3MTY1TDEuNzg4MTRlLTA3IDMuNzczMDZDMS43ODgxNGUtMDcgMy43NzMwNiAxLjc4ODE0ZS0wNyAzLjc3MzA2IDEuNzg4MTRlLTA3IDMuNzczMDZDLTYuNDk2OTFlLTA2IDMuMTg3MjMgLTEuMzE3MjZlLTA1IDIuNzE0NzUgMC4wMzM2MjY4IDIuMzMzMTlDMC4wNjgyODAyIDEuOTQwMDMgMC4xNDE1ODcgMS41OTU5NyAwLjMxNjkzNCAxLjI4MTc3QzAuNTQyODUzIDAuODc2OTQ2IDAuODc2ODg3IDAuNTQyOTA2IDEuMjgxNzIgMC4zMTY5ODZDMS41OTU5MiAwLjE0MTYzOSAxLjkzOTk3IDAuMDY4MzM5IDIuMzMzMTMgMC4wMzM2NzlDMi43MTQ3IDQuNTUzNzllLTA1IDMuMzAyNiAxLjg4MzUxZS0wNSAzLjg4ODQzIDIuNTUxMDhlLTA1QzMuODg4NDMgMi41NTEwOGUtMDUgMy44ODg0MyAyLjU1MTA4ZS0wNSAzLjg4ODQzIDIuNTUxMDhlLTA1WiIgZmlsbD0iI0Y1QTYyMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44MzMgMS41KSIgLz4KICA8L2c+Cjwvc3ZnPg==");
120+
background-repeat: no-repeat;
121+
background-position: center;
122+
}
123+
}
124+
}
125+
}
126+
}
127+
128+
}
54129

55130
.tree-item.nav-folder:has(.tree-item-self[data-path="CLUSTERS"]) .tree-item-children.nav-folder-children {
56131
border-color: transparent;

0 commit comments

Comments
 (0)