This is something that would probably not effect a huge number of users, but I think about it basically every day due to Battle Quests and I'm sure I'm not the only one. It can be worse for boss fights or battle events where we have a lot of challengers, especially if you train more than one pet or have multiple sets for other reasons (lookin @ u troll).
I think I would be nice if we could collapse the battle and scroll sets that we're not using much in the same way we can the widgets on our sidebar. It would make the selection page neater and shorter if we didn't have to scroll past this 30+ times:
My page isn't even as long as it could be

Just a little suggestion that would make things easier for some of us!
This is also the reason I have stopped lodging the rest of my pets I'm sorry to my 70 starving babs but I just can't
This problem is the main reason I still don't fight with my lowbie-trained pets. I love that we can create default sets for multiple tiers, but at the same time, it's such a pain to scroll past it isn't worth the effort. I'd love it if there were a way to hide them like spoiler script or something.
I like this idea.
My workaround for this is to have three windows open. The first is my fight window, the second is my armory window and the third is the scroll window. This way I can change in and out of scrollsets and weaponsets.
It's not a great solution because usually it takes a fight for the change in sets to register, that is to say it isn't a matter of time-cache but of either clearing out everything and logging back in or wasting a loss in a fight I am unprepared for because one or the other set won't update until I do.
It would also help if the start battle button was at the top and the bottom. That way when you just want to battle again with no changes you can don't have to scroll at all. Kbbob posted code before to move the state button to the top. I think this is it: } .ui.button.primary.large.fluid[value='Start Battle']{ position: absolute; top: 0; right: 0; }
Thanks, I'll probably give that a shot. I still think that collapsing would be nice for when I'm battling with multiple pets, but that will definitely make things easier for BQs.
A billion percent support, holy crap. I battle with every pet because the exp can helps me get a job promotion a day or two earlier for new pets (I adopt from the pound a lot), and I hate the battle page being so LONG. I also wish that, if my tier 1 pet just finished a battle and I click on rematch, my tier one weapons and low AP scroll set would stay selected even though they aren't the default sets.
Also, I hate the annoying as hell page jump when the weapon swap out window appears when I select a weapon set - this is useless to me since I never ever intend to swap out my weapons for my low tier sets. I would love maybe a toggle on each set in the armoury, where you can specifiy for certain sets that you don't want to change items in the set before battle so it won't load that window for those sets. That way my high tier pet can still swap out weapons but the rest don't get the window popping up. Of course, this sounds hard as heck to program, and the 'keep sets selected when rematching' thing would make this much less of an issue, since you would only need to make the selection once anyway.
Anyway, yeah, battle page needs to chill on the length and also possibly remember previously selected sets for rematching plebs for exp.
i didn't feed my other pets and only has 2 weapon set for this exact reason. that lead to the need to change weapon constantly but the customize option is pain the butt because it lacks info and freedom. i had to scroll back and forth to find that one weapon with image as my only reference. and if i forgot to unselect other weapon first, i get "You already have 8 weapons selected" message. then i had to go find where in world is the weapon i didn't want to use so i can unselect it first. then after that i had to back to find that weapon i want to use. i'm rambling and getting off topic, but that page could use some improvement. the scrolling is getting unhealthily repetitive.
Hey everyone. I made a customCSS solution to this while we wait on Keith's site revamp. This will
Please give this a try. You can adjust the 300px to adjust the height of the weapon/scroll set containers, and adjust 100px to adjust the size of the pet images.
, { height:300px; overflow: auto; }
> div.container-fluid > div.ui.segment > div.ui.grid > div.ten.wide.column > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td > label img { width: 100px; }
Pinging those who might be interested:
Willing to take requests/suggestions for customCSS, but due to the way subeta's html is currently coded, a lot of things may not be possible, or not possible to do without messing up other pages on the site.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
The customCSS you posted is working well for me, thank you! I've tried to edit it in the past but like you said it's very easy to break other parts of the site so I got frustrated and gave up. I'm going to try have a go at mucking around with the pet images so more than 4 of them sit on each row - if I have any success I'll post here, though I have doubts the html/CSS will give me that much freedom!
@ Astronite Oh huh, I didn't notice that was a thing, because I only have 2 pets that can battle right now :P
But lemme go feed my pets and then I'll try and do that for you
[edit] So this was a bit trickier because the HTML has them in a table. Each row is actually a new tr element, with 4 td elements inside of it. So it's not as simple to have like, 6 in the top row and 2 in the bottom for example, because that would mean splitting a tr element into multiple rows.
I managed it though:
> div.container-fluid > div.ui.segment > div.ui.grid > div.ten.wide.column > table > tbody > tr:nth-child(2) > td > table > tbody > tr, > div.container-fluid > div.ui.segment > div.ui.grid > div.ten.wide.column > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td {display: inline;}
Pinging
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
The shrunken pets didn't help me any. Love the collapsed weapons and scrolls. Thank you!
The second line of code there is what shrinks the pet images, so if you don't want that, you can just delete it :)
I should organize these things better though, so people can pick and choose what they want. Here is the above codes in a better organization hopefully:
Shorten/collapse weapon and scroll sets
Technically doesn't "collapse" them, just fixes the height and gives their containers scrollbars instead.
Both weapon and scroll sets:
, { height:300px; overflow: auto; }
Weapon sets only:
{ height:300px; overflow: auto; }
Scroll sets only:
{ height:300px; overflow: auto; }
Compact pet images on challenge page
To shrink pet images:
> div.container-fluid > div.ui.segment > div.ui.grid > div.ten.wide.column > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td > label img { width: 100px; }
To cause pet images to wrap properly in rows:
> div.container-fluid > div.ui.segment > div.ui.grid > div.ten.wide.column > table > tbody > tr:nth-child(2) > td > table > tbody > tr, > div.container-fluid > div.ui.segment > div.ui.grid > div.ten.wide.column > table > tbody > tr:nth-child(2) > td > table > tbody > tr > td {display: inline;}
Maybe I should just start a customCSS group or something, I have so many of these snippets now from here and there.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights
Yep, I already edited out the pets part. But great that you have it separate for people to pick and choose :)
Whoops, I forgot to reply to you yesterday - the second bit of code works a charm, thanks a heap for going through that effort. I didn't get a chance to look at it myself but I doubt I could have managed it, the tables always throw me off. Between your code and I believe kbbob's code for moving the 'start battle' button to the top beating up opponents just got a lot more efficient!