Ant Design Component Styling Strange about wallet-adapter HOT 7 CLOSED

Hmm, hard to say without knowing what's different about your project. I can't see anything that should matter in your code above, but it sounds like the issue is related to stylesheets or the build config, so it likely wouldn't show up there anyway. Any chance you can publish a repo that reproduces the issue?

from wallet-adapter.

It is all on github but in a private repository. I don't use any stylesheets, I just use style objects (React.CSSProperties) and attach to components. the antd less stylesheet is the only one being globally imported.

Is there anything specific I can file dump in here for you?

from wallet-adapter.

I managed to fix it by adding a new stylesheet with just:

@import '~antd/dist/antd.dark.less';

.ant-btn.wallet-adapter-modal-menu-button {
  display: flex;
}

which threw them to opposite sides like in the preview in the documents. still confused why that wasn't happening by default for me though 🤷🏼‍♂️

from wallet-adapter.

You mentioned originally

importing the antd/dist/antd.dark.less

Here you're importing ~antd/dist/antd.dark.less. Any chance the leading ~ was missing before?

from wallet-adapter.

Or maybe the .wallet-adapter-modal-menu-button styles were being overriden by a style with higher specificity elsewhere?

from wallet-adapter.

The ~ is a .less file import specification and is equivalent to the TypeScript import without it.

The .wallet-adapter-modal-menu-button couldn't have been getting overridden anywhere because until now, I never had any stylesheets being bundled other than the antd distribution.

from wallet-adapter.

I'm glad you were able to find a solution. Unfortunately, without being able to see a reproduction with code there's nothing I can do to debug this. If you're able to share that please do reopen the issue!

from wallet-adapter.