Closed Bug 885194 Opened 11 years ago Closed 8 years ago

MDN seems to strip transform-origin from document CSS

Categories

(Developer Documentation Graveyard :: CSS, defect)

x86_64
Windows 7
defect
Not set
major

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: kael, Assigned: teoli, Mentored)

References

()

Details

(Whiteboard: [good first bug][lang=css])

The examples in the MDN page on transform-origin (https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin) do not have transform-origin applied, but if you try to edit the page you will see transform-origin active in the editing field and see the CSS properties in the source. It seems like MDN's implementation is stripping out transform-origin for some reason when serving wiki pages up to visitors.
We should move the sample into a live sample instead of having it inline.
I'm adding myself as a mentor.

The work here is to convert the table at https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin#Live_Examples

into a Live Sample. This can be done in creating 2 hidden section (HTML and CSS) in a pre with class="hidden" and to add the {{EmbedLiveSample}} macro.

Basic knowledge of html and css is needed.

Extensive documentation about the Live Sample system
Mentor: jypenator
Whiteboard: [good first bug][lang=css]
i would like to volunteer here. Can some one guide me :) .
Flags: needinfo?(jypenator)
Basically, you need to put each of the small example in a live sample: https://developer.mozilla.org/en-US/docs/MDN/Contribute/Structures/Live_samples

(You can hide HTML, CSS section with class='hidden')

Feel free to try on developer.allizom.org first.
Flags: needinfo?(jypenator)
(In reply to Jean-Yves Perrier [:teoli] from comment #4)
> Basically, you need to put each of the small example in a live sample:
> https://developer.mozilla.org/en-US/docs/MDN/Contribute/Structures/
> Live_samples
> 
> (You can hide HTML, CSS section with class='hidden')
> 
> Feel free to try on developer.allizom.org first.

Hey I just made changes to the : https://developer.allizom.org/en-US/docs/Web/CSS/transform-origin .
Could you just check and reply so i can update to https://developer.mozilla.org . 

I guess might need some css styling.
Now it is done! Thanks jigs12.
Status: NEW → RESOLVED
Closed: 8 years ago
Resolution: --- → FIXED
My pleassure :) thanks for the menorship :) +1 :teoli
You need to log in before you can comment on or make changes to this bug.