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 {
background: var(--spectrum-global-color-gray-300);
border-color: var(--spectrum-global-color-static-red-600);
margin-top: -3.5px;
margin-bottom: -3.5px;
padding-bottom: 3.5px;
padding-top: 3.5px;
margin-top: -4px;
margin-bottom: -4px;
padding-bottom: 4px;
padding-top: 4px;
}
.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}
</div>
</span>
{#if section == "settings"}
{#if section === "settings"}
<TourWrap
stepKeys={[
BUILDER_FORM_CREATE_STEPS,
@ -127,7 +127,7 @@
/>
</TourWrap>
{/if}
{#if section == "styles"}
{#if section === "styles"}
<DesignSection
{componentInstance}
{componentBindings}
@ -142,7 +142,7 @@
componentTitle={title}
/>
{/if}
{#if section == "conditions"}
{#if section === "conditions"}
<ConditionalUISection
{componentInstance}
{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);
border-left: 4px solid var(--spectrum-semantic-informative-color-background);
transition: background 130ms ease-out, border-color 130ms ease-out;
margin-top: -3.5px;
margin-bottom: -3.5px;
padding-bottom: 3.5px;
padding-top: 3.5px;
padding-left: 5px;
padding-right: 5px;
margin: -4px calc(-1 * var(--spacing-xl));
padding: 4px var(--spacing-xl) 4px calc(var(--spacing-xl) - 4px);
}
</style>