Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Card deck window size issues

This is a similar issue as reported in the closed thread&nbsp; Deck Window Wrong Size , though I don't have a card size slider in the current version. First issue is that the deck window is too small to show the content, the menu is cut off. It shows a vertical scrollbar, but that scrollbar is unusable since the menu disappears when trying to move the mouse to it. Workaround: right click, "inspect element", and set the "#showndecks .adeck" "min-height" property to 250px (up from 125px): (Separately, for decks like this one, it would be nice to have a "sort" option to make it easier to hand-pick specific cards.) Next, in the "choose" window, the cards are very small and their names almost impossible to read: If I resize the window, the scrollable area doesn't get resized. The scrollbar only moves a small subset of the deck window, with a large blank area below: Workarounds: for the broken scrolling, inspect element on the card area, find the parent div.ui-dialog-content.ui-widget-content element, and disable its "height: 327px" property. for the too-small cards, inspect element on a card, and change the ".hand .handcontainer .cardinhand video, .hand .handcontainer .cardinhand img" styles to double the max-width (80px to 160px) and max-height (140px to 280px). Result: Of course, I think it would be nice if the card deck would be more usable out of the box without needing to manually override the styling myself... Session details below, let me know if you want additional info. Profile:&nbsp; <a href="https://app.roll20.net/users/6796560/klaus-w" rel="nofollow">https://app.roll20.net/users/6796560/klaus-w</a> Game:&nbsp; <a href="https://app.roll20.net/campaigns/details/16483767/barovia-curse-of-strahd" rel="nofollow">https://app.roll20.net/campaigns/details/16483767/barovia-curse-of-strahd</a> Browser: Google Chrome 120.0.6099.130 (Official Build) (64-bit) (cohort: Stable)&nbsp; Console output:&nbsp; jquery.migrate.js:20 JQMIGRATE: Logging is active gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:137 Refused to load the script '<a href="https://bat.bing.com/bat.js" rel="nofollow">https://bat.bing.com/bat.js</a>' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-sJUBCWqL1Sp69mEd' 'nonce-PHrEVxmhpSW5Fril' <a href="https://cdn.roll20.net" rel="nofollow">https://cdn.roll20.net</a> blob: <a href="https://www.datadoghq-browser-agent.com" rel="nofollow">https://www.datadoghq-browser-agent.com</a> <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com <a href="https://www.googletagmanager.com" rel="nofollow">https://www.googletagmanager.com</a> https://*.refiner.io https://*.maze.co". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. Kc @ gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:137 &nbsp;CAMPAIGN ID: 16483767 vtt.bundle.js:43165 70 vtt.bundle.js:43197 TOUCH SUPPORTED: false vtt.bundle.js:43197 USING WEBGL ACCELERATION... vtt.bundle.js:43197 WEBGL STARTUP SUCCESS vtt.bundle.js:43298 Loading Custom character sheet. vtt.bundle.js:31321 Babylon.js v6.30.0 - WebGL2 - Parallel shader compilation tutorial_tips.js:7 tuts loaded gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:109 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-sJUBCWqL1Sp69mEd' 'nonce-PHrEVxmhpSW5Fril' <a href="https://cdn.roll20.net" rel="nofollow">https://cdn.roll20.net</a> blob: <a href="https://www.datadoghq-browser-agent.com" rel="nofollow">https://www.datadoghq-browser-agent.com</a> <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com <a href="https://www.googletagmanager.com" rel="nofollow">https://www.googletagmanager.com</a> https://*.refiner.io https://*.maze.co". Either the 'unsafe-inline' keyword, a hash ('sha256-77bgQblnRaKk1m8aq2FHqKiER4ywljc0EoTvK4RBca4='), or a nonce ('nonce-...') is required to enable inline execution. f.aa @ gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:109 gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:109 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-sJUBCWqL1Sp69mEd' 'nonce-PHrEVxmhpSW5Fril' <a href="https://cdn.roll20.net" rel="nofollow">https://cdn.roll20.net</a> blob: <a href="https://www.datadoghq-browser-agent.com" rel="nofollow">https://www.datadoghq-browser-agent.com</a> <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com <a href="https://www.googletagmanager.com" rel="nofollow">https://www.googletagmanager.com</a> https://*.refiner.io https://*.maze.co". Either the 'unsafe-inline' keyword, a hash ('sha256-ZdDTEfl8xrGn7iZ/2mMDizDIe6JRmep2vz9STHJi4Zs='), or a nonce ('nonce-...') is required to enable inline execution. f.aa @ gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:109 14Unsafe attempt to load URL &lt;URL&gt; from frame with URL &lt;URL&gt;. Domains, protocols and ports must match. gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:614 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-sJUBCWqL1Sp69mEd' 'nonce-PHrEVxmhpSW5Fril' <a href="https://cdn.roll20.net" rel="nofollow">https://cdn.roll20.net</a> blob: <a href="https://www.datadoghq-browser-agent.com" rel="nofollow">https://www.datadoghq-browser-agent.com</a> <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com <a href="https://www.googletagmanager.com" rel="nofollow">https://www.googletagmanager.com</a> https://*.refiner.io https://*.maze.co". Either the 'unsafe-inline' keyword, a hash ('sha256-F/cDWXaljtAzxkboYPXxVpygl3SB04hTtjEOOBtilWA='), or a nonce ('nonce-...') is required to enable inline execution. (anonymous) @ gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:614 gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:614 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' 'nonce-sJUBCWqL1Sp69mEd' 'nonce-PHrEVxmhpSW5Fril' <a href="https://cdn.roll20.net" rel="nofollow">https://cdn.roll20.net</a> blob: <a href="https://www.datadoghq-browser-agent.com" rel="nofollow">https://www.datadoghq-browser-agent.com</a> <a href="http://cdn.inspectlet.com" rel="nofollow">http://cdn.inspectlet.com</a> https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://www.google-analytics.com" rel="nofollow">https://www.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="http://ajax.googleapis.com" rel="nofollow">http://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a> <a href="http://www.google-analytics.com" rel="nofollow">http://www.google-analytics.com</a> <a href="http://cdn.crowdin.com" rel="nofollow">http://cdn.crowdin.com</a> <a href="https://crowdin.com" rel="nofollow">https://crowdin.com</a> <a href="http://stun.l.google.com" rel="nofollow">http://stun.l.google.com</a> *.sentry-cdn.com <a href="https://www.googletagmanager.com" rel="nofollow">https://www.googletagmanager.com</a> https://*.refiner.io https://*.maze.co". Either the 'unsafe-inline' keyword, a hash ('sha256-VussMEcsqEPalla4i7RvpHqvRE4+2WmSh4DL2kBzaD4='), or a nonce ('nonce-...') is required to enable inline execution. (anonymous) @ gtm.js?id=GTM-MKL9HM6&amp;gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&amp;gtm_preview=env-1&amp;gtm_cookies_win=x:614 vtt.bundle.js:43298 Including compendium template css. sheetsandboxworker.js:753 Starting up WEB WORKER VM4:209 Roll20 Kingmaker Module log| kScaffold Loaded sheetsandboxworker.js:753 Starting up WEB WORKER sheetsandboxworker.js:753 Starting up WEB WORKER VM4:4 Roll20 Environment: Web vtt.bundle.js:7053 Player -NmqqrCdqeC0zlcpLhDC is offline... vtt.bundle.js:7053 Player -NmyGVfEyQoTV9aeXXe0 is offline... vtt.bundle.js:7053 Player -NmyGn2Wd0DARUwbM93N is offline... vtt.bundle.js:43165 Firebase Online vtt.bundle.js:3471 Scheduled automatic refresh of OAuth token thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.webp:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden) thumb.jfif:1&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Failed to load resource: the server responded with a status of 403 (Forbidden)
1704050714
Gauss
Forum Champion
Hi Klaus,&nbsp; The best way to file a bug report with the Devs is via the Help Center as the Bug Report forums is primarily users helping users.&nbsp; With that said, you can scroll the card scroll via the mousewheel. Hover over the cards, move to the left (the menu) and then use the mousewheel to scroll.&nbsp;
1704138040
Gold
Forum Champion
I love this post and demonstration, Klaus. Great job.&nbsp; In additon to what Gauss said, you could also add your post to the Suggestions forum.&nbsp; Please vote +1 and add your ideas to the thread about Enhanced Card Deck Features here, <a href="https://app.roll20.net/forum/post/1240005/enhanced-card-deck-features/?pagenum=1" rel="nofollow">https://app.roll20.net/forum/post/1240005/enhanced-card-deck-features/?pagenum=1</a> especially to the extent of the Features you'd like to see, apart from the usability BUGS per-se
Thanks for the feedback! I've filed a bug report (pointing to this thread) and added a +1 to the enhanced card deck features thread. It seems the request for deck sorting is already there, and the remaining issues I ran into I'd consider bugs rather than feature requests.
1704395886
Gold
Forum Champion
I appreciate that Klaus.&nbsp; That may be the best, or all, that we can do. I hope that your Bug Report to the Help Center is productive in the meantime.&nbsp; I think that the suggestions for Card Decks are possible, I don't know any timetable, but we see a lot of Development progress being made on the Roll20 tabletop, piece by piece, and I believe they will eventually get around to rennovating the Card Decks feature and Devs will read the Suggestions before or at that time.
1704400419
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
Yeah, it seems like unless a bug is serious (i.e. makes game play nigh-impossible), then it's most likely to get attention when that feature is updated. Fortunately, the feature development cycle time has improved dramatically in the last year or so, and the quality of those features even more so. My guess is that there will eventually be an announcement when/if card decks are due for attention. Whenever that thread appears, that's the best place to make your voice heard.