jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: selected node and edge color and width (#3667)

Browse source 
* Fix border node color to use ring in order to not shrink component and to use selected edge color

* Updated selected edge width to match selected node width

---------

Co-authored-by: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
This commit is contained in:
Lucas Oliveira 2024-09-03 11:45:51 -03:00 • committed by GitHub
commit be3cb833dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/frontend/src/App.css
View file

@ -151,10 +151,13 @@ body {
/* selected */
.react-flow__edge.selected .react-flow__edge-path {
stroke: var(--selected) !important;
stroke-width: 1.5px !important;
}
.react-flow__edge .react-flow__edge-path {
stroke: var(--connection) !important;
transition: all;
transition-duration: 150ms;
}
.ag-react-container {

4
src/frontend/src/CustomNodes/GenericNode/components/NodeStatus/index.tsx
View file

@ -65,9 +65,9 @@ export default function NodeStatus({
const getBaseBorderClass = (selected) => {
let className = selected
? "border border-2 border-node-selected hover:shadow-node"
? "border ring ring-[0.5px] ring-selected border-selected hover:shadow-node"
: "border hover:shadow-node";
let frozenClass = selected ? "border-ring-frozen" : "border-frozen";
let frozenClass = selected ? "outline-ring-frozen" : "outline-frozen";
return frozen ? frozenClass : className;
};