Deck Folders

TappedOut forum

Posted on June 30, 2014, 9:42 p.m. by Drilnoth

Hello to whomever it may concern (and I'm going to go ahead at tag yeaGO): When I go to my Folders page, a red "X" shows up next to each deck, covered slightly by the deck's picture. I presume this is meant to remove the deck from the folder, like it did before any of these redesigns started. However, clicking on it does nothing (I don't even see a JavaScript error in Firebug). I tend to organize my decks fairly specifically, and don't want the same deck to be shown in both my "Shard" and "WIP" folders when it is no longer a work-in-progress.

My guess is that this is because the .featured-card-box is overlapping the remove button, making clicks on it get picked up by the nonexistant handler for that element rather than going to the correct URL.

I'm able to work around this by inspecting to find the correct removal URL, which works, but anyone who isn't a web programmer probably wouldn't think to do that.

trentfaris242 says... #2

I've got nothing like that visually on my screen, and a quick viewing of the page source shows no elements with this functionality either. Weird.

June 30, 2014 10:20 p.m.

Drilnoth says... #3

That's because none of your decks are in folders (they're all "Uncategorized"), so there's nothing to remove them from. If, on the deck screen, you put one in a folder, then you could probably see the problem.

June 30, 2014 10:21 p.m.

trentfaris242 says... #4

Lemme give it a shot.

June 30, 2014 10:31 p.m.

trentfaris242 says... #5

Yep, that's exactly what happened. The actual issue is, as you mentioned, the class featured-card-box overlaps the button element.

I wasn't able to come up with a mock up that worked because both the featured-card-box class and the deck-pinterest class are fixed sizes.

June 30, 2014 10:49 p.m.

trentfaris242 says... #6

Scratch what I said about the deck-pinterest class.

June 30, 2014 10:50 p.m.

trentfaris242 says... #7

This well-thin class is really odd. Why do they even have it? Why not just use the standard bootstrap wells?

June 30, 2014 10:52 p.m.

Drilnoth says... #8

Dunno, seems a bit strange when Bootstrap's built-in classes are pretty flexible already. Once yeaGo sees this he'll probably get something figured out for it.

June 30, 2014 11:03 p.m.

trentfaris242 says... #9

Here's what I would do:

Styling for folders

  • Use the btn-xs bootstrap class for the red "X".
  • Put the button in a row class.
  • Give the button a small column offset of 10.
  • Remove the "pull-right" class from the button.
  • Increase the height of the "deck-pinterest" class by 25px.

Thoughts?

June 30, 2014 11:12 p.m.

Blizzicane says... #10

I was wondering why I could not delete decks from my folders... yeaGO HELP!!! I can't live without organized folders ):

July 1, 2014 9:12 p.m.

yeaGO says... #11

Fixed or no

July 1, 2014 9:14 p.m.

trentfaris242 says... #12

Looks good, yeaGO.

July 1, 2014 9:43 p.m.

Blizzicane says... #13

yeaGO no ):

July 1, 2014 9:44 p.m.

Blizzicane says... #14

Actually sort of its not working for any of my edh decks.

July 1, 2014 9:45 p.m.

Blizzicane says... #15

yeaGO Scratch that its not working for some of my decks regardless of format.

July 1, 2014 9:47 p.m.

trentfaris242 says... #16

Oh, actually. It works fine on my phone but not on my desktop.

yeaGO, I've highlighted the underlying problem.

Screenshot

Did you try my solution?

July 1, 2014 9:49 p.m.

Blizzicane says... #17

Ok I finally figured it out its not working for any EDH deck I have and its not working for public decks.

July 1, 2014 9:54 p.m.

yeaGO says... #18

howboutnow

July 1, 2014 11:03 p.m.

Blizzicane says... #19

Thanks yeaGO its seems like that worked as I can delete all my decks now. :3

July 2, 2014 1:14 a.m.

Drilnoth says... #20

Yup, they seem to be clickable now. Thanks!

July 2, 2014 6:50 a.m.

This discussion has been closed