Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,455,656
Community Members
 
Community Events
175
Community Groups

Is there a way to hide the "Add a list" bar?

7 answers

Yes please remove or optionally remove the "Add Another List".  That's a lot of screen real estate for something I'm not going to use very often once I have my board setup. 

There is a 'Trello Clean' Chome Extension to remove the 'Add List' column, but unfortunately, it only works in the browser, does not transfer over to the Desktop App. Yes Trello, please add this as a basic feature to Trello to keep a clean board.

I also hate that "Add a list..." button. I use the desktop app and I like to keep it open on a half of my screen, but because of that button I get the horizontal scroll bar. And since you can create new lists with a double-click on the background I do not use it anyway. 

It would be great to have a switch in the settings for hiding that button. A ".js-add-list {display: none}" in the css will be enough. 

 

As already mentioned, the benefit is to clean up unnecessary unused screen real estate.

0 votes

That Trello Clean extension is useless.  All it did was hide the option.  My screen space is still lost!   Now I just have a block of empty space - why can't Trello use the maximum available space?

Yes, the Trello Clean Chrome extension works well, but you can gain more customization using a CSS injector and swimlanes.  Here's my setup:

  1. User JavaScript and CSS [1.2.8] by tenRabbits.
  2. Swimlanes for Trello [1.7] by Jess Yaus.

Install and activate the extensions, then set up your lists and swimlanes:

  • Append "|swimlane-name" to the first list.
  • Append "|swimlane-name: to whichever lists start a new swimlane.
  • Add CSS to color the list backgrounds and hide the "Add a list" item.

Sample CSS for four lists per swimlane:

#board > div:nth-child(5n+1) > div { background-color: lightgrey; }
#board > div:nth-child(5n+1) > div > div.list-header.js-list-header.u-clearfix.is-menu-shown > textarea { color: black; }

#board > div:nth-child(5n+2) > div { background-color: lightblue; }
#board > div:nth-child(5n+2) > div > div.list-header.js-list-header.u-clearfix.is-menu-shown > textarea { color: black; }

#board > div:nth-child(5n+3) > div { background-color: lightgreen; }
#board > div:nth-child(5n+3) > div > div.list-header.js-list-header.u-clearfix.is-menu-shown > textarea { color: black; }

#board > div:nth-child(5n+4) > div { background-color: green; }
#board > div:nth-child(5n+4) > div > div.list-header.js-list-header.u-clearfix.is-menu-shown > textarea { color: lightgreen; }

#board > div.js-add-list.list-wrapper.mod-add.is-idle { visibility: hidden; }

 NOTE:  Beware the line wrapping!  Every new line above starts with a hash (#) mark.

Looks like this:

Trello-with-color-n-clean.png

0 votes

Hey Aditya!

There's not a way to hide the "Add a list" bar.  However, the "Add a list" and "Add a card" do not appear if a user is added to the board as an observer (for Business Class).

Curious, what would the benefit of that be?

Sorry, did you mean the benefit of hiding, or hiding only under these circumstances?

Suggest an answer

Log in or Sign up to answer
TAGS

Atlassian Community Events