Add capability for custom CSS from user side

[milanlakhani]

This adds an optional config extra_css in settings.yml, which allows extra lines of css to be appended to the end of src/styles.css, from the user end. This is useful because people may being using the landscape in different contexts - eg for Bloomberg, not every filter is applicable so we hide some of them.

The extra_css config can be included in settings.yml in the global section. Below is an example of how this is used for having a selection of filters to not show on the left side:

global:
    extra_css: |
        div.select[data-name="project"] { display: none !important; }
        div.select[data-name="organization"] { display: none !important; }
        div.select[data-name="headquarters"] { display: none !important; }
        div.select[data-name="company-type"] { display: none !important; }
        div.select[data-name="industries"] { display: none !important; }

This is what the home page looks like with and without filters disabled, notice the difference in filters available on the left hand side:

Without any filters disabled:

With some filters disabled:

Of course this is just one example of how extra_css can be used.

CC @michaelmoss @awright @danielsilverstone-ct @GeriG966 @Abhi0469

[netlify]

✅ Deploy Preview for landscapeapp ready!

Name	Link
🔨 Latest commit	6fd552e
🔍 Latest deploy log	https://app.netlify.com/sites/landscapeapp/deploys/62f0ee894fc6d30009ddf745
😎 Deploy Preview	https://deploy-preview-839--landscapeapp.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[netlify]

❌ Deploy Preview for landscapeapp failed.

Name	Link
🔨 Latest commit	20abf5d
🔍 Latest deploy log	https://app.netlify.com/sites/landscapeapp/deploys/6374090c36834f00081a2812

[AndreyKozlov1984]

I want to get a better solution, the list of options will grow too much with this approach, instead I would prefer something like a customCss property where people can, for example, hide filters if they need to or hide other parts of the UI

[milanlakhani]

I want to get a better solution, the list of options will grow too much with this approach, instead I would prefer something like a customCss property where people can, for example, hide filters if they need to or hide other parts of the UI

Works for me, I will do a patch with a customCss property from settings.yml so people can make any CSS changes

[milanlakhani]

Hi @AndreyKozlov1984 I think and have tested that this now has the desired effect? Also maybe you should consider merging #836 when you get a chance - it's a bugfix that allows landscapes to be run without a crunchbase key, which has been pivotal for us to test our changes on different landscapes.

[AndreyKozlov1984]

@milanlakhani we don't need crunchbase key at this moment, because you can just use organization: { name: 'test'}} for that purpose

[milanlakhani]

@AndreyKozlov1984 just to prompt you, this feature is now available as you requested it ;) and description updated