Linea round widegts
I would like lines around the widgets as I find it confusing to see where each one starts and finishes. When I use the edit homepage option the lines are good.
Erica Hanlon
shared this idea
Hi 👋 your idea is being looked into by our Community team. We'll be in touch soon to update you once your idea has been reviewed.
Did you know you can join our Xero Research panel to be involved in early testing and research? Find out more and sign up through our website 🙂
-
Andrew G
commented
Perhaps useful for the technical minded and/or Xero devs...
I've added lines around the widgets myself. You can use add-ons for your browser (if you know technically what you're doing) to override the style for Xero itself.
If you know how to do this, and want to do this as a temporary work-around, you can use the following CSS - this will fix the number of columns to 3 no matter the screen size, and will add a border around the widgets.
.dashboard-template-beta-grid { grid-template-columns: repeat(3, 1fr) !important; }
.dashboard-template-beta-widget { width: auto !important; height: auto !important; }
.dashboard-template-beta-widget--contents { height: auto !important; border: 1px solid #c0c0c0; }I've made a raft of style changes myself to the new homepage using browser add-ons to override Xero's own style - temporary workaround until they fix everything.