fix(editor): Adding branch color (#6380)

* fix(editor): Adding branch color

* fix(editor): backend refactor preferences update

* fix(editor): frontend refactor preferences update
This commit is contained in:
Csaba Tuncsik
2023-06-06 11:23:53 +02:00
committed by GitHub
parent e95e8de500
commit dba3f44bc0
8 changed files with 75 additions and 112 deletions

View File

@@ -71,7 +71,10 @@ async function pullWorkfolder() {
</script>
<template>
<div :class="{ [$style.sync]: true, [$style.collapsed]: isCollapsed }">
<div
:class="{ [$style.sync]: true, [$style.collapsed]: isCollapsed }"
:style="{ borderLeftColor: versionControlStore.preferences.branchColor }"
>
<span>
<n8n-icon icon="code-branch" />
{{ currentBranch }}
@@ -128,10 +131,11 @@ async function pullWorkfolder() {
<style lang="scss" module>
.sync {
padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-l);
padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-m);
margin: 0 calc(var(--spacing-l) * -1) calc(var(--spacing-m) * -1);
background: var(--color-background-light);
border-top: 1px solid var(--color-foreground-light);
border-top: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
border-left: var(--spacing-3xs) var(--border-style-base) var(--color-foreground-base);
font-size: var(--font-size-2xs);
span {
@@ -145,7 +149,7 @@ async function pullWorkfolder() {
.collapsed {
text-align: center;
margin-left: calc(var(--spacing-xl) * -1);
padding-left: var(--spacing-xs);
> span {
display: none;