Development Update - Draggable Categories

Jeremy avatarJeremy 46 days
{"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"}]}
42
Jankstein avatarJankstein 46 days
{"ops":[{"insert":"Nice update, especially loving the small card images and draggable categories\n"}]}
8
Sleran avatarSleran 45 days
{"ops":[{"insert":"Can I have the sidebar back?\n"}]}
2
{"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
{"ops":[{"insert":"Great update! Clean look, nice job team! 🥳\n"}]}
3
joedf avatarjoedf 45 days
{"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
Almoges avatarAlmoges 45 days
{"ops":[{"insert":"thank u to try make the webe more is easy for us but now swich between deck is more hard for add new card is more hard u need go to the top of the page if u can just returne the options to add new card and switch between deck is be amazing \n"}]}
0
{"ops":[{"insert":"Just to clarify, are you talking about the fact that the global toolbar is no longer pinned to the top?\n\nThis change was made so that users with smaller screens would have more space while working on decks. Adding back an option is possible, but would be pretty annoying to have to maintain since everything would need to shift that far down in a handful of different places. For now, I'm going to leave it as is, but if more people express interest in their being an option, I'm not 100% opposed to the idea.\n\nAs for adding cards, if you're referring to the card search button no longer being pinned, you can still access card search from anywhere using the keybind Ctrl (or Cmd on a mac) + Enter. Doing so will open card search.\n"}]}
2
{"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
{"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
Tweets avatarTweets 45 days
{"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
{"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
Sera002 avatarSera002 45 days
{"ops":[{"insert":"This was so needed! Im so happy :D\n"}]}
1
{"ops":[{"insert":"Awesome updates! But it looks like the default stack organization for Text View isn't sorting Alphabetically? Take a look at my screenshot included, this is without any drag options enabled.\n\n"},{"insert":{"image":"https://i.imgur.com/J7QrD2O.png"}},{"insert":"\n"}]}
0
{"ops":[{"insert":"That's an odd one. \n\nOkay, so digging into this a bit, a lot of the categories in that deck have a bunch of forwarding spaces in the category names. That is to say, the category name starts with a space. This messes with the alphebetization of the category names and is likely the cause of the discrepancy. \n\nWe did change the way categories were ordered by default. Rather than ordering down then across, it orders across then down. This has a few large benefits to the older layout and they're listed above. Though obviously they come with the tradeoff of being different to what it was. \n\nI suspect that editing the category names from the deck settings will fix the discrepancy. If you don't care for the new layout, that's one of the major reasons we added draggable categories, so hopefully that'll help streamline any changes. \n\nIf when you remove the forwarding spaces it's still in an odd order, feel free to ping me and I can take another peek. \n\nHope this helps! \n"}]}
1
spirawr avatarspirawr 45 days
{"ops":[{"insert":"\"category\" is misspelled as \"cateogry\" in the view as ui\n"}]}
Edited 4/10/2024, 1:19:00 AM
1
certainly avatarcertainly 45 days
{"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
{"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
Tweets avatarTweets 45 days
{"ops":[{"insert":"Bit of an odd bug: "},{"attributes":{"italic":true},"insert":"Specifically in the Grid view,"},{"insert":" the card size option for 'Normal' is identical to 'Small', so your options are Small/Small/Large. Stacks view has the sizes scale appropriately, strangely enough.\n\nI'm currently at work so I can only test from mobile. I'll check if it's also occurring on desktop later today.\n"}]}
0
{"ops":[{"insert":"The sizes for cards can be the same. The sizes denote a minimum size at any given screen size. So there are some overlapping sizes. \n\nSo for example, if the small cards minimum is 195px and the normal size minimum is 225, at 700 pixels, both can only fit 3 columns wide. \n"}]}
0
JesusNP avatarJesusNP 45 days
{"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
{"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
BaleKenyon avatarBaleKenyon 44 days
{"ops":[{"insert":"The changes look great!\n"}]}
2
AceV avatarAceV 44 days
{"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