HTML/CSS Whitelist & Tweaks

Posted 9 years, 6 months ago (Edited 6 years, 11 months ago) by lulu

I'M NOT A FRONT END DEVELOPER omg i should really hire one but i'm literally never going to get around to it i'm so sorry 

Anyway if you see anything in the source that could be fixed to make skinning profiles easier or if you need any specific IDs or classes on elements make a post and I'll see if I can add it in for you (it's basically entirely dependent on whether it breaks current profiles or not).

Also, if you wanna use certain tags / attributes and you've noticed that they're blacklisted just post here and I'll see whether I can add it in for you, ye o/

SchwarzerAlptraum

Does anyone know if css-vars are supported in html templates? I tried it, but the css var definitions appear to be sanitized from the output.

https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

3leggedpoet

Hello! I'd really love to see shape-outside whitelisted please :)

3leggedpoet

Aaand I'm back again..
Anyway. I've realised that when toyhouse reads an img in a code it automatically sets the alt attribute to be the image name (eg. alt="Al75Vkn.png"). This happens even if the coder has set the alt attribute to be blank (alt=""), which is a problem for anyone who uses images as decor and wants to make their codes more accessible to users of screenreaders. A screenreader, on reaching an image, will read out the contents of the alt attribute, so web accessibilty standards recommend giving purely decorative images an empty alt attribute - so that the screenreader skips over it, and blind users can more easily navigate the page without having to listen to a dozen keysmashes a minute.
For the sake of accessibility, can this writeover of empty alt tags please be removed?

KrampusTH

Is it possible to somehow directly link a character profile (with their TH avatar) into code? Like if i wanted to do a 'Relationships' tab and instead of using an outside imagelinking site (postimage, imigur, etc) and have a separate image from the character's actual TH pic, can i link the TH profile and have the original TH avatar show?

Hollipolliyozza

Toyhouse won't let me add images to my profile no matter what i do. Why?

Hollipolliyozza

I tried to add images but the images dont show up they just show a question mark emoji

Battlewinner

KrampusTH Hollipolliyozza This thread isn't for troubleshooting and/or general asks about code, that would be here!
KrampusTH, you have likely figured this out by now but yes you can, just right click the character's avatar and copy its image link.
For both of you, remember for an image link to work it must end in the image extension (png, jpg, etc.)

Battlewinner

I found list-style-type (or just list-style) isn't fully whitelisted (the options found here do not all work), which it should be for accessibility regarding different languages if not for aesthetics.

CheSnail

I see that Grid was requested on Page 7 I'm a professional web dev, helping a friend. Grid and Flexbox are absolutely essential to css. There are no security risks associated with them, and I shudder to think about the workarounds I would need to build out this design without them. Please don't send me back to clear float hell.

Crowzii

Unsure if it's been mentioned anywhere already, but there's a neat little thing that html can do called "text-align-last:justify" which basically allows you to justify the last line of your paragraphs, it's already widely accepted on most internet browsers so it's not likely to be a thing that will break anything. It's actually really cool and would be awesome to have whitelisted ^^!

Tofutush

Can `aspect-ratio` be whitelisted? I don't see anything bad about it and it would be really helpful.

Antimoany

i've discovered that `transform:skew`, `overflow-wrap`, and `word-wrap` are not in the whitelist. i've managed to workaround not having skew, but not being able to overflow-wrap and word-wrap in css is....inconvenient.