fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-27 09:58:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Simplify breadcrumb trail buttons widget styling

Browse Source
This commit is contained in:
Keavon Chambers
2026-02-20 22:50:05 -08:00
parent 7ca6470656
commit 5aca75dcbd
1 changed files with 9 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/widgets/buttons/BreadcrumbTrailButtons.svelte
+9 -22
View File
@@ -30,25 +30,14 @@
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
&::before, &::before {
&::after {
content: ""; content: "";
position: absolute; position: absolute;
left: -4px; left: -4px;
width: 0; width: 8px;
height: 0; height: 100%;
border-style: solid; background: var(--button-background-color);
border-color: var(--button-background-color) var(--button-background-color) var(--button-background-color) transparent; clip-path: polygon(8px -1px, 0 -1px, 4px 12px, 0 25px, 8px 25px);
}
&::before {
top: 0;
border-width: 24px 0 0 8px;
}
&::after {
bottom: 0;
border-width: 0 0 24px 8px;
} }
} }
@@ -59,13 +48,11 @@
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
top: 0;
right: -4px; right: -4px;
width: 0; width: 8px;
height: 0; height: 100%;
border-style: solid; background: var(--button-background-color);
border-width: 12px 0 12px 4px; clip-path: polygon(0 -1px, 4px -1px, 8px 12px, 4px 25px, 0 25px);
border-color: transparent transparent transparent var(--button-background-color);
} }
} }