Moving board icons and/or removing vertical table lines?

[Aliana]

Forum URL: thedasandbeyond.com

Hey,

So I hate that the board list icons are in a separate column (I'm not a fan of tables in general).

The problem I'm having is twofold:

1. When I move $[board.icon] and/or remove the <td class="icon">$[board.icon]</td> surrounding it, my "Different On/Off Icons for Different Boards" plugin stops working completely.

2. When I remove the table/grid altogether, my Board List formatting goes all wonky donky (that's a phrase, right?). So, is it possible to hide the vertical line of the table shown in Board List? I'll provide a Photoshopped screenshot of what I want...



I'd only want to remove the vertical line in the table for the Board Lists and Thread Lists, though. I wouldn't want this to be the default for when I create tables elsewhere (like, say, in headers, for example). 

[Brian]

The on/off icons plugin depends on the .icon class to find the element containing the image it needs to manipulate, so removing it from the element with that class causes the plugin not to properly identify it.

Adding this to your theme's style sheet should remove the border between the icon column and the main column.

.boards table.list td.icon,
.boards table.list th.icon {
    border-right-width: 0;
}

[Aliana]

Feb 6, 2019 17:46:23 GMT -8 Brian said:

The on/off icons plugin depends on the .icon class to find the element containing the image it needs to manipulate, so removing it from the element with that class causes the plugin not to properly identify it.

Adding this to your theme's style sheet should remove the border between the icon column and the main column.

.boards table.list td.icon,
.boards table.list th.icon {
    border-right-width: 0;
}

That did the trick. Thank you!