Quick CSS trick to make overviews list horizontal

Hi. I made a simple custom css for everyone who wants to make their Overviews list to be displayed as horizontal row on top, which is more compact, if you have not many overviews.

  1. Go to Zammad’s custom css directory
cd /opt/zammad/app/assets/stylesheets/custom
  1. Make a new css file
sudo nano custom.css
  1. Add this code
#content_permanent_TicketOverview {
        flex-direction: column;
}
#content_permanent_TicketOverview .nav-stacked > li {
        float: left;
        margin-right: 20px;
}
#content_permanent_TicketOverview .sidebar {
        width: 100% !important;
}
  1. Change the file owner to zammad
sudo chown zammad:zammad custom.css
  1. Recompile your assets and restart zammad-web
sudo zammad run rake assets:precompile
sudo systemctl restart zammad-web

4 Likes

Did you have a screenshot, to see how it is looking?

2 Likes

(You can use unicode symbols to insert pictures into overview names)

2 Likes

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.