nimocks / kibana-dashboard-custom-css

Kibana Plugin to Associate custom CSS to Dashboards

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kibana Plugin for Custom CSS on Dashboards

This plugin will allow you to create CSS files and apply them for every dashboard independently.

Currently a work in progress but functional. Looking to clean up the code and add more error handling. This is my first nodejs/react project.

Developed on Kibana version 7.7.1

To Do

  • Rename states and variable to be consistent
  • Learn me some more React so I make the code cleaner
  • Add error handling
  • Maybe a CSS editor and formatter vs just plain text
  • Currently only works with default space
  • Need to fix the URL REGEX. Some kibana URL's generate the URL paramenters in a different order and messes up the REGEX

Plugin Page

Image of plugin page

CSS Editor

Image of CSS editor

Dashboard Sample

Removed the panel title spacing that isn't removed when you hide the titles.

Image of CSS editor

About

Kibana Plugin to Associate custom CSS to Dashboards

License:GNU General Public License v3.0


Languages

Language:JavaScript 97.9%Language:CSS 2.1%