fade non-focused erd tables

This commit is contained in:
Gani Georgiev
2026-04-23 17:43:15 +03:00
parent 1d593476b0
commit 52eccb3aac
4 changed files with 10 additions and 4 deletions

File diff suppressed because one or more lines are too long

4
ui/dist/index.html vendored
View File

@@ -13,9 +13,9 @@
<!-- prism --> <!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script> <script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-oyPtdrRh.js"></script> <script type="module" crossorigin src="./assets/index-8UEEIWLn.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js"> <link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-C1IKppLj.css"> <link rel="stylesheet" crossorigin href="./assets/index-Cpj6PAmS.css">
</head> </head>
<body> <body>
</body> </body>

View File

@@ -146,7 +146,7 @@
stroke: var(--pathColor); stroke: var(--pathColor);
} }
.erd-paths.front { .erd-paths.front {
--pathColor: var(--surfaceAlt5Color); --pathColor: var(--surfaceAlt3Color);
z-index: 2; z-index: 2;
.active-from { .active-from {
@@ -176,6 +176,12 @@
cursor: grabbing; cursor: grabbing;
} }
&.active { &.active {
.erd-table {
opacity: 0.7;
&.active {
opacity: 1;
}
}
.erd-paths.back { .erd-paths.back {
opacity: 0.3; opacity: 0.3;
} }