Split columns with different widths

[rubengarciam]

Description

Currently the split-column capability is great but the fact that every columns is 50% makes it for a very rigid structure. I'd appreciate if we could specify the width for each column, for example:

- type: split-column
  max-columns: 2
  widgets:
  - type: rss
     width: 30% 
     ....
  - type: rss
    width: 70%
    ...

Alternatively, a more readable taxonomy could also be defined (but harder to implement?): one-third, two-thirds, ...

I have tried applying custom CSS but the output not correct, as the 50% width is fixed at an upper level

[jeraldlyh]

Hey @rubengarciam,

This is what I did as a temporary workaround:

.masonry > *:first-child {
  flex: 0 0 calc(60% - var(--widget-gap));
}

[beatrizq]

@jeraldlyh where should I include that code?

[jeraldlyh]

@jeraldlyh where should I include that code?

There's an option to specify custom css file.

https://github.com/glanceapp/glance/blob/main/docs/configuration.md#custom-css-file