Overwriding overflow-y using space-style doesn't seem to be working

General
1

When adding widgets with

event.listen {
  name = "hooks:renderBottomWidgets",
  run = function(e)
        -- snip --
  end
}

They appear to be in a scrollable “container” which only showed part of the bottom hooks. Since I wanted to see the entirety of them, I wanted to remove said “container”.

After searching for a bit, I discovered that removing the line:

#sb-main .cm-editor .sb-markdown-bottom-widget:has(*) .content {
  overflow-y: auto;
}

From main.css did the trick in removing the “container”.

Thus, I added the following space-style:

#sb-main .cm-editor .sb-markdown-bottom-widget:has(*) .content {
  overflow-y: visible !important;
}

But it doesn’t look like it does anything? Am I doing something wrong? Can someone test this? And is there a better way of going about this?

(I’m putting container between quotes since I don’t actually know the name)

2

HTML elements scroll if their height is limited somehow (there might be exceptions to this, but this is my understanding). It looks like that .content element also has a max height of 500px. Can you try adding max-height: none !important; to see if that does what you need?

3

Thank you so much for the reply! Adding

#sb-main .content {
  max-height: none !important;
}

Did it!