GitLab integration

Plus custom CSS, custom fonts, extra header settings and more!

This version was released on March 3, 2022

 

This new version brings a feature that many of you asked for — integration with GitLab. We have also squashed several annoying bugs, which will make using docs even easier for you!

GitLab Integration!

We have added another integration — GitLab! You are now able to link your GitLab account in the same way as GitHub or Azure DevOps and use your repositories as a destination for builds and hooks. This way, you can automatically deliver your tokens, assets or even documentation to your GitLab repositories!

 

 

Custom CSS

You can now fully customize the entirety of the documentation site design just by providing CSS that overrides the default definition. In addition to this, we have made sure that all CSS classes that get applied to the site are easy to understand and easy to read, making the customization a walk in the park.

 

Entire documentation site now comes with easily readable and customizable CSS classes

Entire documentation site now comes with easily readable and customizable CSS classes

 

In order to customize the CSS definitions, head to the Documentation Site > Settings > Advanced > CSS and put your CSS code there. We recommend using our VS Code extension to generate the site locally for easier development!

 

Using custom CSS, you can define any visual overrides, including fonts 😍

Using custom CSS, you can define any visual overrides, including fonts 😍

Custom Fonts

In addition to CSS customization, it is now also possible to define custom font definitions and even replace the default font used on the site. Head to the Documentation Site > Settings > Advanced > Fonts and put your font definitions there. You can use Google Fonts CDN or any other source for your fonts without any limitation.

 

Load any font from any source / CDN just by providing the html definition of it 😍

Load any font from any source / CDN just by providing the html definition of it 😍

 

Bulk page header settings

So many of you asked us to have global configuration for documentation page headers, so we have added this as well. You can now set all properties you have been able to set previously, but for all page header at the same time.

You can additionally override this settings per-page, if you need some of them to be a little bit different. Best yet, we have introduced a new system where you can use design system tokens to style your documentation! You can find those options all over the place, and there is much more to come very soon!

 

Many new configuration options, including using design tokens to style your documentation!

Many new configuration options, including using design tokens to style your documentation!

Additional Improvements

  • There is now a better confirmation dialog before switching documentation brands, to make double-sure that you really want to switch the brand, since this operation cannot be undone.
  • We have improved the Shortcut block dropdown, which shows different icons for groups and pages and we added a search bar as well.
  • Search bar is using fuzzy search now as well!

Bugfixes

  • The workspace creation dialog can be confirmed by pressing Enter now.
  • Pasting text into docs no longer causes unnecessary delays, which sometimes blocked pasting again for several seconds.
  • The Figma icon in the Figma frame selection dialog shows up properly again.
  • Pressing Ctrl+A is properly detected by the Docs Editor every time now.
  • The workspace selector no longer differentiates between uppercase and lowercase letters at the beginning of workspace names - they sort in case-insensitive alphabetical order now.

 

As always, if you would like see something new, fixed or improved, join our Discord community - we are always there. Thank you for your support!