Development Update - Draggable Categories

 avatar
Jeremy avatarJeremy 2 months
{"ops":[{"insert":"Hello brewers,"},{"attributes":{"header":3},"insert":"\n"},{"insert":"\nToday’s update includes a number of improvements to the deck page. Let’s dive in!\n\nUI updates"},{"attributes":{"header":2},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"[Desktop] Removal of the left toolbar"},{"insert":" - The left toolbar is no more! Its contents (plus a few other features) can now be found immediately to the left of your left-most deck category. Shortcuts can be modified via the three dot icon pictured below."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"background":"transparent","color":"#000000"},"insert":{"image":"https://lh7-us.googleusercontent.com/9acus9qOLRtVfJ8gGHstZ_1rSwLkipq-lcInWmsIUFDC2UP6855tr95weJs2gTxeW0VyNV19PnYy0s8KiBcprQKDwA3HPEPLSQ6i37SsC50ysYT16KZ5O-Goo-uEhoA61-6KrGPtWkVm_p9Qr6gnK58"}},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck header"},{"insert":" - We’ve made some adjustments to the UI of the deck header in order to make better use of its space and highlight certain features."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"[Desktop] Deck controls"},{"insert":" - We’ve slightly reorganized deck controls like "},{"attributes":{"italic":true},"insert":"Quick add"},{"insert":", "},{"attributes":{"italic":true},"insert":"View as"},{"insert":", "},{"attributes":{"italic":true},"insert":"Group by"},{"insert":", "},{"attributes":{"italic":true},"insert":"Deck filter"},{"insert":", etc. "},{"attributes":{"italic":true},"insert":"Card search"},{"insert":" has also been moved from the left toolbar (RIP) to this space, next to "},{"attributes":{"italic":true},"insert":"Quick add"},{"insert":"."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Card controls"},{"insert":" - A new three dot icon to the right of a card’s prices in "},{"attributes":{"italic":true},"insert":"Stacks"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Grid"},{"insert":" views now opens the same card context menu that right clicking the card did previously. That menu is located on the far right of any given row in "},{"attributes":{"italic":true},"insert":"Text"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Table"},{"insert":" views. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck settings"},{"insert":" - "},{"attributes":{"italic":true},"insert":"Deck settings"},{"insert":" has been refactored, but includes the same controls as before. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"New deck/package"},{"insert":" - The new deck/package pages have received some minor UI tweaks to better explain "},{"attributes":{"italic":true},"insert":"Private"},{"insert":", "},{"attributes":{"italic":true},"insert":"Unlisted"},{"insert":", and "},{"attributes":{"italic":true},"insert":"Theorycrafted"},{"insert":" options."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Default order of stacks"},{"insert":" - Stacks of cards are now organized alphabetically left to right, line by line (previously alphabetically going up and down, left to right). Significant benefits of this change are that stacks will no longer move unexpectedly when adding cards to them, and it streamlines development such that any future enhancements to stacks can be made more easily. That said, you may notice some of your decks looking a little more lopsided (favoring the left side of the screen) as a result of this change. It this is something you don’t like the look of, check out "},{"attributes":{"italic":true},"insert":"Draggable categories"},{"insert":" below!"},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nNew features"},{"attributes":{"header":2},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Card sizes"},{"insert":" - In "},{"attributes":{"italic":true},"insert":"Stacks"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Grid"},{"insert":" views, you can now change card image sizes to "},{"attributes":{"italic":true},"insert":"Small"},{"insert":", "},{"attributes":{"italic":true},"insert":"Medium"},{"insert":" (the default) or "},{"attributes":{"italic":true},"insert":"Large"},{"insert":"! Card image size can be found under the settings cog to the right of "},{"attributes":{"italic":true},"insert":"View as"},{"insert":". "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Margins"},{"insert":" - Margins on the deck page can now be disabled via the "},{"attributes":{"italic":true},"insert":"Disable margins"},{"insert":" toggle under the "},{"attributes":{"italic":true},"insert":"View as"},{"insert":" settings. This will mostly impact users with larger monitors looking to make better use of their horizontal space, though it may get some users on smaller screens an extra column of stacks as well. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Draggable categories"},{"insert":" - In "},{"attributes":{"italic":true},"insert":"Stacks"},{"insert":" and "},{"attributes":{"italic":true},"insert":"Text"},{"insert":" views, you can now reorganize your categories by dragging their stacks around the deck page! "},{"attributes":{"italic":true},"insert":"Draggable categories"},{"insert":" can be toggled on via the settings icon to the right of "},{"attributes":{"italic":true},"insert":"View as"},{"insert":". You can add columns and make other adjustments to your deck layout via the controls that appear in the top right of your deck area when "},{"attributes":{"italic":true},"insert":"Draggable categories"},{"insert":" is toggled on."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Pinned category"},{"insert":" - The old "},{"attributes":{"italic":true},"insert":"Brewer"},{"insert":" view has been removed and replaced with a "},{"attributes":{"italic":true},"insert":"Pinned category"},{"insert":" option under your "},{"attributes":{"italic":true},"insert":"View as"},{"insert":" settings. From any of the four views, this option will pin a definable category to the top of your deck area."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Empty categories"},{"insert":" - You can now choose to view empty categories via "},{"attributes":{"italic":true},"insert":"Category view options"},{"insert":" under the "},{"attributes":{"italic":true},"insert":"View as"},{"insert":" settings. With empty categories toggled on, you can also choose to not view empty default categories (Creature, Sorcery, Enchantment, etc.). These settings works great in tandem with category templates, creating convenient drop zones for your commonly used categories every time you build a new deck.   "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"background":"transparent","color":"#000000"},"insert":{"image":"https://lh7-us.googleusercontent.com/vbJbSyiNk5xMktWQLgmEHHx1nZCHnO352gR1bDMez4xPEppdV8u0NU1QLk2lry6eaSne6G2tKN33duF3uvACxqy99oWj4PNCVpWtiXFqpladxCeiEKANEIBxK30HrIgY7ZcAkyTOsFoHwGtv9bwoqR8"}},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Quick add to category"},{"insert":" - From "},{"attributes":{"italic":true},"insert":"Quick add "},{"insert":"settings, you can now manually select any category in your deck to have cards immediately added to. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Group by"},{"insert":" - Added "},{"attributes":{"italic":true},"insert":"Mana value (spells)"},{"insert":" as a "},{"attributes":{"italic":true},"insert":"Group by"},{"insert":" option."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Sort by"},{"insert":" - Added "},{"attributes":{"italic":true},"insert":"Types"},{"insert":" as a Sort by option. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck snapshots"},{"insert":" - “Deck versions” have been rebranded to “deck snapshots”. In addition to their home under "},{"attributes":{"italic":true},"insert":"Deck history"},{"insert":", snapshots can now be quickly created via the "},{"attributes":{"italic":true},"insert":"Extras "},{"insert":"menu on the deck header."},{"attributes":{"list":"bullet"},"insert":"\n"},{"attributes":{"bold":true},"insert":"Card context menu"},{"insert":" - The card context menu (accessible by right clicking a card or via the new three dot icon to the right of a card’s price) now includes a "},{"attributes":{"italic":true},"insert":"Move to category"},{"insert":" option for all categories in your deck."},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nPotpourri"},{"attributes":{"header":2},"insert":"\n"},{"insert":"\n"},{"attributes":{"bold":true},"insert":"Deck page performance"},{"insert":" - We’ve made some tweaks to the deck page that should have it running much smoother now. "},{"attributes":{"list":"bullet"},"insert":"\n"},{"insert":"\nThat’s it for today! "},{"attributes":{"header":3},"insert":"\n"},{"insert":"\nUI updates can be tricky to get right, but we’re hoping we’ve landed on something here that will appeal to new and veteran users alike. Our immense gratitude to the users in "},{"attributes":{"link":"https://discord.gg/6JdYGmJCeV"},"insert":"our community Discord server"},{"insert":" who have helped us over the past couple of weeks to hone in on the final products. Please consider joining us over there if you haven’t already!\n\nIf you have anything to suggest or report, you can find us here, "},{"attributes":{"link":"https://twitter.com/archidekt"},"insert":"@Archidekt"},{"insert":" on Twitter, or over the aforementioned community Discord server. As always, feedback is greatly appreciated!\n\nThe Archidekt Team"},{"attributes":{"header":3},"insert":"\n"},{"insert":"\n"}]}
43
 avatar
Jankstein avatarJankstein 2 months
{"ops":[{"insert":"Nice update, especially loving the small card images and draggable categories\n"}]}
9
 avatar
Zarnow avatarZarnow 19 days
{"ops":[{"insert":"Louis? I had no idea you played MTG! Wait... is this why the Pelican Town agricultural fund is only 100 gold? Stop embezzling!!!\n"}]}
1
 avatar
joedf avatarjoedf 2 months
{"ops":[{"insert":"I really like this update!!! I was using the website in 90% because the size and spacing of everything didn't seem compact enough for me to see enough cards at the same time. I also make very heavy use of categories, so the added drag feature is greatly appreciated as well. Thank you! <3\n"}]}
Edited 4/9/2024, 3:54:18 PM
3
 avatar
{"ops":[{"insert":"Great update! Clean look, nice job team! 🥳\n"}]}
3
 avatar
BaleKenyon avatarBaleKenyon 2 months
{"ops":[{"insert":"The changes look great!\n"}]}
2
 avatar
Sleran avatarSleran 2 months
{"ops":[{"insert":"Can I have the sidebar back?\n"}]}
2
 avatar
{"ops":[{"insert":"For the most part, yes. It didn't really go anywhere, we just took most of the controls off by default since it was looking like a photoshop toolbar and was too difficult for new users to find things.\n\nTake a look at the first screenshot from the post above and you can see how you can add back the controls to recreate the sidebar.\n"}]}
Edited 4/9/2024, 2:37:30 PM
7
 avatar
AceV avatarAceV 2 months
{"ops":[{"insert":"I love these updates! Thank you for adding the ability to increase the card image size, it's a big help particularly as my eyesight worsens with age. :P\n"}]}
1
 avatar
JesusNP avatarJesusNP 2 months
{"ops":[{"insert":"Heyo!\n\nLoving these changes in general. However I'm having a super annoying bug: I activated the 'dissable margins' option to give it a try, and it resulted in the upper tool bar completely dissapearing, and since that's where the 'View as' sectjion that host the dissable margins option is, there's no way for me to uncheck the dissable margins option. I can't find a way around it, and makes the brewer unusuable. - Please lmk if I'm doing something wrong and how to fix it, or if it's indeed a bug.\n\nThanks a lot!\n"}]}
1
 avatar
{"ops":[{"insert":"I believe this is a bug related to users who have used controlled stacks prior to this update in certain circumstances. \n\nClearing cache should resolve the issue. \n\nYou can do so by clicking the icon immediately left of the url bar and choosing something to the effect of \"clear cookies and site data\". Follow those steps through, it should log you out and refresh the page. \n\nOnce done, lot back in and you should be g2g. \n\nIf not let me know, and we can sit a bit deeper to figure out what's going on. \n"}]}
Edited 4/10/2024, 12:17:47 PM
2
 avatar
certainly avatarcertainly 2 months
{"ops":[{"insert":"Hello Gamers,\n\nWith yall's new \"Smart Filtering\" feature, could you unrestrict color identity on the search while the commander is a single partner? It adds some tedium to searching a second partner.\n"}]}
1
 avatar
{"ops":[{"insert":"I'm not sure how I want to proceed here. \n\nWhat you're sugtesting makes sense, but I'm not sure that's quite how I would want to implement it. \n\nI'll give this some thought. \n"}]}
1
 avatar
spirawr avatarspirawr 2 months
{"ops":[{"insert":"\"category\" is misspelled as \"cateogry\" in the view as ui\n"}]}
Edited 4/10/2024, 1:19:00 AM
1
 avatar
Sera002 avatarSera002 2 months
{"ops":[{"insert":"This was so needed! Im so happy :D\n"}]}
1
 avatar
Tweets avatarTweets 2 months
{"ops":[{"insert":"Loving the size options!\n\nOne thing... Can we get the search added to the left toolbar? Having to scroll the entire page up to open or close it is inconvenient, and I can't see any particular reason that the primary feature would be moved from pride of place.\n\nOh, and while it's nothing to do with this update itself, it'd be great to be able to trim the search down to 1 column, rather than 2 columns that just get really small. \n"}]}
Edited 4/9/2024, 6:59:58 PM
1
 avatar
{"ops":[{"insert":"You're the second person to ask for the card search button back.\n\nI wasn't gonna add it since that menu is kinda starting to feel bloaty (which is why it was omitted) in the fist place. The main reason we felt like we could do that was because the search is more quickly opened via the keybind of Ctrl + enter. \n\nRegardless, I'll just add it back. If it helps legacy users keep their workflow, I'm over the bloat. Should be live in a few minutes.\n"}]}
0
 avatar
{"ops":[{"insert":"All great improvements. Thanks for all your work! I'm especially happy about draggable categories and the slight clean up to the margins just saved me from side-scrolling to view my maybeboard. One wish that I now have is to have an option to turn on draggable categories by default\n"}]}
1
 avatar
{"ops":[{"insert":"It should be caching, no?\n\nOnce the option is enabled, I believe it turns on whenever you load the deck page on that device.\n"}]}
1
 avatar
{"ops":[{"insert":"Hello, Did the new update take away the abililty to drag cards in the stacks view?\n"}]}
Edited 6/14/2024, 9:08:23 PM
0
 avatar
Jeremy avatarJeremy 4 days
{"ops":[{"insert":"No, that was a bug due to a mistake on our end earlier on Friday. It should be resolved now. Sorry for the trouble!\n"}]}
0
 avatar
{"ops":[{"insert":"How do I check my decks salt score now?\n"}]}
0
 avatar
Jeremy avatarJeremy 2 months
{"ops":[{"insert":"It's still right at the top of the deck page, right next to the deck's cost!\n"}]}
0
 avatar
Vojax avatarVojax 2 months
{"ops":[{"insert":"Love the updates about card size changes since my eyes aren't the greatest. Is there any way you can add size variability to the card hover too, for when viewing via text?\n"}]}
0