隐藏侧边栏看到很多都是通过url加上&kiosk=tv和&kiosk
公司项目需要嵌入后免密登陆直接显示页面并且隐藏侧边栏,同事有做过这个东西就问他是怎么实现的,他说修改light或者drak的css,位于/usr/share.grafana/public/build
[root@monitor build]# pwd
/usr/share/grafana/public/build
[root@monitor build]# vim grafana.light.4141596c10e564d57dfb.css
找到sidemenu
#@media (min-width:769px){.sidemenu{background:#202226;height:auto;-
webkit-box-shadow:5px 0 10px -5px #52545c;box-shadow:5px 0 10px -5px #52545c;position:relative;z-index:1020;display:none}}
最后加上display:none
这是根据颜色模板来修改的,要登陆的时候用f12审查元素把display:none去除就会显示

不过别的项目是8.2的新版实在找不到sidemenu
最后在view目录下
[root@monitor views]# pwd
/usr/share/grafana/public/views
[root@monitor views]# ll
total 40
-rw-r--r--. 1 root root 1921 Aug 25 2020 error.html
-rw-r--r--. 1 root root 1920 Aug 25 2020 error-template.html
-rw-r--r--. 1 root root 15260 Aug 25 2020 index.html
-rw-r--r--. 1 root root 15344 Aug 25 2020 index-template.html
修改index.html文件,再加个容器

登陆的时候从F12
把这块删除就行了。
本文介绍了如何在 Grafana 中实现登录后隐藏侧边栏的功能,通过修改 `/usr/share/grafana/public/build` 目录下的 CSS 文件,将 `.sidemenu` 的 `display:none` 属性设置来隐藏侧边栏。对于 Grafana 8.2 新版,作者在 `/usr/share/grafana/public/views` 的 `index.html` 文件中添加容器并删除特定块以达到相同效果。
8121

被折叠的 条评论
为什么被折叠?



