search

BuilderIO / builder

Drag and drop headless CMS for React, Vue, Svelte, Qwik, and more
https://builder.io
MIT License
6.84k stars 851 forks source link

{all : unset} taking higher specificity #2926

Closed we-surinder-s001 closed 4 months ago

we-surinder-s001 commented 4 months ago

@samijaber When ever I create a button with builder.io the styling on it doesn't work because {all: 'unset'} property is taking higher specificity.

Steps to reproduce the behavior:

  1. Create a new button with builder.io tool bar.
  2. default style will not be applied
  3. public the changes.
  4. now check in the inspect that the {all: unset} property is already taking higher specificity that the other stylings.

Expected behavior button should have some of its stylings and when ever I do any changes in the styling it should reflect there

Screenshots image

samijaber commented 4 months ago

Thanks @we-surinder-s001 , we are aware of the bug and looking for a solution.

we-surinder-s001 commented 4 months ago

@samijaber thanks for replying.

wieseljonas commented 1 month ago

Still not working with svelte

image
wieseljonas commented 1 month ago

For now I've implemented it with HTML API on svelte like so

    {/if}    {#if headerHTMLBlock?.data?.html}
      {@html headerHTMLBlock?.data?.html.replace('all:unset', '')}
    {/if}

    {#if isPreviewingHeader}
      <builder-component
        model="price-page-header-block"
        api-key="5a1025ed9ae1451ebd7362f95b4b0486"
      />
    {/if}
samijaber commented 1 month ago

@wieseljonas What version of the Svelte SDK are you using? Could you provide the content URL (like https://builder.io/content/:id) to the content in that screenshot?

wieseljonas commented 1 month ago

It’s the latest version and big arises only if I add the button

Jonas Wiesel Associé +41 79 737 72 17 @.***

www.realadvisor.ch https://realadvisor.ch RealAdvisor SA +41 22 775 05 05 Route de Saint-Julien 198 1228 Plan-les-Ouates

On Thu, 25 Apr 2024 at 20:33, Sami Jaber @.***> wrote:

@wieseljonas https://github.com/wieseljonas What version of the Svelte SDK are you using? Could you provide the content URL (like https://builder.io/content/:id) to the content in that screenshot?

— Reply to this email directly, view it on GitHub https://github.com/BuilderIO/builder/issues/2926#issuecomment-2077916140, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAILOLLUNBGIJHITZQ6FJZ3Y7FD6ZAVCNFSM6AAAAABCBLVC2OVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZXHEYTMMJUGA . You are receiving this because you were mentioned.Message ID: @.***>

samijaber commented 1 month ago

I see, thanks. Could you provide the content URL (like https://builder.io/content/:id) to the content in that screenshot, so we can debug this further?

wieseljonas commented 1 month ago

https://builder.io/content/9d337de407424776a235582e82465612

wieseljonas commented 1 month ago

here it's working because I remove all:unset manually after the request

image