MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix styles of highlighting conditions

This commit is contained in:
Andrew Kingston 2025-02-03 12:11:50 +00:00
parent 46265ade7a
commit 48eee5dd79
No known key found for this signature in database
3 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/builder/src/components/design/settings/controls/PropertyControl.svelte
View File

@ -143,10 +143,10 @@
.property-control.highlighted { .property-control.highlighted {
background: var(--spectrum-global-color-gray-300); background: var(--spectrum-global-color-gray-300);
border-color: var(--spectrum-global-color-static-red-600); border-color: var(--spectrum-global-color-static-red-600);
margin-top: -3.5px; margin-top: -4px;
margin-bottom: -3.5px; margin-bottom: -4px;
padding-bottom: 3.5px; padding-bottom: 4px;
padding-top: 3.5px; padding-top: 4px;
} }
.property-control.property-focus :global(input) { .property-control.property-focus :global(input) {

6
packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ComponentSettingsPanel.svelte
View File

@ -110,7 +110,7 @@
{/each} {/each}
</div> </div>
</span> </span>
{#if section == "settings"} {#if section === "settings"}
<TourWrap <TourWrap
stepKeys={[ stepKeys={[
BUILDER_FORM_CREATE_STEPS, BUILDER_FORM_CREATE_STEPS,
@ -127,7 +127,7 @@
/> />
</TourWrap> </TourWrap>
{/if} {/if}
{#if section == "styles"} {#if section === "styles"}
<DesignSection <DesignSection
{componentInstance} {componentInstance}
{componentBindings} {componentBindings}
@ -142,7 +142,7 @@
componentTitle={title} componentTitle={title}
/> />
{/if} {/if}
{#if section == "conditions"} {#if section === "conditions"}
<ConditionalUISection <ConditionalUISection
{componentInstance} {componentInstance}
{componentDefinition} {componentDefinition}

8
packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/ConditionalUISection.svelte
View File

@ -72,11 +72,7 @@
background: var(--spectrum-global-color-gray-300); background: var(--spectrum-global-color-gray-300);
border-left: 4px solid var(--spectrum-semantic-informative-color-background); border-left: 4px solid var(--spectrum-semantic-informative-color-background);
transition: background 130ms ease-out, border-color 130ms ease-out; transition: background 130ms ease-out, border-color 130ms ease-out;
margin-top: -3.5px; margin: -4px calc(-1 * var(--spacing-xl));
margin-bottom: -3.5px; padding: 4px var(--spacing-xl) 4px calc(var(--spacing-xl) - 4px);
padding-bottom: 3.5px;
padding-top: 3.5px;
padding-left: 5px;
padding-right: 5px;
} }
</style> </style>