I have not been able to pass custom styling to the Podlove <episode-title> element. Is there a way to make custom fonts available in the player?
https://www.npmjs.com/package/#podlove/player-react
Styling the components is done by inline styles, but for some reason
font-family isn't applied.
Related
In my tsx react project, I am using styled components and have created a few pages. Now I wanted to use a modal, so I tried using the antd modal. However, the antd styles have completely overridden my page's styles.
for instance, I have set the background and text fonts through styled components, and everything is running automatically. How do I prevent antd from applying it's background and text colors, and make it leave it as whatever it is?
I'm using material UI 4.9.x and it doesn't seem possible to use MUI in an iframe with the global styles.
I'm trying to use a React portal to inject the content into the iframe.
THAT part works and my MUI context menu works properly, just has the wrong styles.
I'm trying to inject the styles via CssBaseline but that gets injected into the host window not the iframe window.
I've verified this by looking at the DOM and I can see the elements created there under and not in the iframe.
How would I go about injecting this, completely, into the iframe window.
One idea I had was to change the current / global document and window objects to represent the iframe but worried that might be too hacky.
fabricjs can change the font of a text in a canvas to a font family. For that the font needs to exist in the browser, either CSS or emb link.
I now want to add dynamically a font from a resource (google, self hosted ect) to the css populating it in the document via #font-face. I don't want to just list all fonts in the css beforehand because it can be a huge list. Is it possible to modify the running css in reactjs to add a font face to it?
Use CSS-in-JS solutions like emotion, styled component or radium
I am working on an editor using DraftJS, I've managed a few basic buttons using toggleInlineStyle() but I cannot seem to find in either the docs or in the typings for the available inline styles. Am I missing something?
native style or custom style will be mapped to css.
we use the ExtJS "gray" theme in our app, is there a way i can use the "Accessibility" theme for a specific component? a window which includes a very basic form
thanks
The extjs theme is applied using CSS style sheets on certain html element types with certain classes. Once you load a second theme css into the same page, the first theme is overwritten completely.
So it is not possible to mix them in a single app.
You would have to use two HTML pages, which load different style sheets, but same ext.js, and use two different browser windows or an iframe.