gitbutlerapp/gitbutler
1
1
Fork 0
mirror of https://github.com/gitbutlerapp/gitbutler.git synced 2024-12-25 02:26:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: ensure commit-lines.css works for both stacking/original lanes

Browse Source
This commit is contained in:
ndom91 2024-10-17 11:03:52 +02:00 committed by Nico Domino
parent 60b365d988
commit b26b30d8d0
1 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/ui/src/styles/components/commit-lines.css
View File

@ -3,41 +3,42 @@
width: 100%;
height: 100%;
--background-color: var(--clr-commit-shadow);
--border-color: var(--clr-commit-shadow);
--border-style: solid;
&.none {
--background-color: transparent;
--border-color: transparent;
}
&.remote {
--background-color: var(--clr-commit-remote);
--border-color: var(--clr-commit-remote);
}
&.local {
--background-color: var(--clr-commit-local);
--border-color: var(--clr-commit-local);
}
&.local-and-remote {
--background-color: var(--clr-commit-remote);
--border-color: var(--clr-commit-remote);
}
&.local-shadow {
--background-color: var(--clr-commit-local);
--border-color: var(--clr-commit-local);
}
&.shadow {
--background-color: var(--clr-commit-shadow);
--border-color: var(--clr-commit-shadow);
}
&.upstream {
--background-color: var(--clr-commit-upstream);
--border-color: var(--clr-commit-upstream);
}
&.integrated {
--background-color: var(--clr-commit-shadow);
--border-color: var(--clr-commit-shadow);
&.stacked {
--background-color: var(--clr-commit-integrated);
--border-color: var(--clr-commit-integrated);
}
}
@ -48,18 +49,23 @@
right: 0;
width: 2px;
height: 100%;
background: var(--background-color);
}
&.stacked:before {
background: var(--border-color);
}
&.dashed {
--border-style: none;
&:before {
height: calc(100% + 1px);
background: repeating-linear-gradient(
0,
transparent,
transparent 2px,
var(--background-color) 2px,
var(--background-color) 4px
var(--border-color) 2px,
var(--border-color) 4px
);
}
}