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

Potential CSS security violation; character sheet template styling thrown out.

1713133182

Edited 1713163717
Tealk
Pro
Sheet Author
I get the above mentioned error when I use SVG's in my css files, I noticed it because then the rolltemplate is no longer displayed correctly, so the css is not applied although it is loaded according to the source code. All other style elements that come after the svg's are also displayed correctly in the sheet. Is it not possible to use SVG's? That would be a pity because otherwise you can't use nice icons. i wanted to attach pictures, but then i couldn't send the post because of an internal error, so here is just the code: <a href="https://codeberg.org/ButterflyAspect/roll20-character-sheet/src/branch/attribut-fertigkeiten-rework/ButterflyAspect.sass#L521" rel="nofollow">https://codeberg.org/ButterflyAspect/roll20-character-sheet/src/branch/attribut-fertigkeiten-rework/ButterflyAspect.sass#L521</a>
1713134481
GiGs
Pro
Sheet Author
API Scripter
I honestly don't know if SVG are allowed, but that sheet isn't formatted as standard CSS so it's possible that a lot of it isnt being formatted correctly. Does it work? You can test it by loading in the custom sheet sandbox.
1713134944

Edited 1713135057
Tealk
Pro
Sheet Author
As already written, everything works except styling roll templates. If I delete the SVG's the rolltemplate styling works again.&nbsp; Yes it is sass, because you save a lot of writing work there, vscode converts it directly to CSS, which is a minifried version in the same repo Yes, everything I have written here are experiences from the custom sheet sandbox Unfortunately I can't get more information from the browser developer tools except this message
1713136540

Edited 1713137000
vÍnce
Pro
Sheet Author
I've never tried to use SVG... but there appears to be sheet's using SVG on the repo; <a href="https://github.com/search?q=repo%3ARoll20%2Froll20-character-sheets%20svg&amp;type=code" rel="nofollow">https://github.com/search?q=repo%3ARoll20%2Froll20-character-sheets%20svg&amp;type=code</a> It would not surprise me if SVG works on-sheet but does not work in roll templates. uncovered a little info from the Discord threads; iirc they don't work in roll20. But it's been at least a year since I tried. svg sprites don't work in roll templates because the # gets filtered into %23 I would think that as long as the SASS is converted to CSS for roll20, using SASS wouldn't be a problem.
1713158040
Tealk
Pro
Sheet Author
vÍnce said: It would not surprise me if SVG works on-sheet but does not work in roll templates. Sorry if that was misleading, I don't use the SVG's in the rolltemplate but in the character sheet That's why I don't understand the problem, the icons are displayed, all styles are used except those of rolltemplate I've had the Sass converted to CSS for years, never had a problem with it
1713161277
vÍnce
Pro
Sheet Author
I recently tried using the greater than symbol in a css calc within a @container query that was only styling the sheet, where it worked... but it wiped the roll template.&nbsp; So I know it's possible that just having something that should only effect the sheet can cause issues with a roll template. ;-(&nbsp; YMMV
1713162818

Edited 1713162992
Tealk
Pro
Sheet Author
I just don't understand it, because the css code is passed completely, I see the style for the rolltemplate in the source code when I load everything in the custom sheet sandbox. But it does not seem to be accepted. all data is also available in the repo for testing, including a css so that you don't have to convert sass. <a href="https://codeberg.org/ButterflyAspect/roll20-character-sheet" rel="nofollow">https://codeberg.org/ButterflyAspect/roll20-character-sheet</a>
1713376983
Tealk
Pro
Sheet Author
Since I now think that this is a bug, I have reported it to Roll20 and am waiting for their response: ich habe dieses Ticket und diesen Thread an unser Entwicklungsteam weitergeleitet, damit sie einen Blick darauf werfen und sehen können, ob sie sich ein Bild von der Situation machen können. In der Zwischenzeit lege ich dieses Ticket in die Warteschleife und melde mich wieder, sobald ich eine Rückmeldung erhalte!