Skip to content

Allow additional CSS to top-level component #142

Description

@aaron-michaux

Describe the bug

I'm trying to implement a scrollbar, and need to add overflow: auto; will-change: transform; to the <Object Inspector /> component. This is, of course, thwarted by the theming implementation. The programmer should be able to add additional CSS directly to the theme, perhaps like so:

theme={
 ...chromeDark,
 ...({
   ADDITIONAL_CSS: 'overflow: auto; will-change: transform;'
 })
}

The absence of scrollbars on an expandable tree widget is... interesting, and may be because of peculiarities of my setup. Nonetheless, my issue can be solved with additional-css.

Steps to reproduce the behavior

This is a missing feature.

As for missing scrollbars... scrollbars fail to appear when ever the tree is larger than the parent widget.

Expected behavior

Would like the ADDITIONAL_CSS text to be added to the top-level element of the rendered ObjectInspector

Screenshots and/or logs

If applicable, add screenshots and/or logs to help explain your problem.

Environment

  • OS: Ubuntu 18.04
  • Node.js version: v12.18.3
  • NPM version: 6.14.6
  • Browser (if applicable): Electron
  • Browser version (if applicable): Electron 12.0.2
  • Device (if applicable): Desktop

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions