Skip to content

[BUG] CSS properties from FronteggThemeOptions.adminPortal.pages[pageName].header are not applied #1141

@iurii-iufimov-forgood

Description

@iurii-iufimov-forgood

Describe the bug

I'm trying to add css-overrides to the embedded adminPortal. It turned out, that css-overrides for headers of individual pages are not applied

To Reproduce

const themeOptions: FronteggThemeOptions = {
  adminPortal: {
    layout: {
      fullScreenMode: true,
    },
    pages: {
      profile: {
        header: {
          // Not applied
          background: 'red',
        },
        content: {
          // Applied
          background: 'red',
        }
      }
    },
  },
};

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
root.render(
  <React.StrictMode>
    <FronteggProvider
      contextOptions={contextOptions}
      hostedLoginBox={false}
      themeOptions={themeOptions}
    >
      <App />
    </FronteggProvider>
  </React.StrictMode>
);

Expected behavior
Css properties should be applied to header

Screenshots
image

Metadata

Metadata

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions