Вопросы по теме 'jss'
Динамическое изменение значений JSS при использовании withStyles () в material-ui
У меня есть компонент Drawer, который обернут с помощью withStyles и переопределяет некоторые значения в anchorLeft className.
<Drawer anchor="left" classes={{paper: this.props.classes.paper, anchorLeft: this.props.classes.anchorLeft}} ...>...
4520 просмотров
schedule
21.01.2023
Рендеринг на стороне сервера с помощью devextreme и материала ui @ react16
После обновления страницы (и прохождения моего ssr) похоже, что ни один из css не поддерживается, если я не перейду через свое приложение и не вернусь к нему или даже не щелкну некоторые элементы. Есть ли примеры, как это правильно сделать?
Я...
586 просмотров
schedule
19.10.2022
Создание тематического компонента React с JSS
У меня проблемы с соблюдением документации о том, как заставить это работать
У меня есть компонент, в котором создано несколько стилей, по большей части все эти стили будут применяться везде, где отображается этот компонент, но иногда в зависимости...
470 просмотров
schedule
13.11.2023
Fix Material-UI Right Side Persistent Drawer Animation
У меня довольно сложное приложение с несколькими ящиками. У меня проблема с анимацией правого бокового ящика. Сами ящики анимируются нормально, а родительские элементы - нет. Я попытался применить ту же анимацию для ящика к родительскому div, и это...
2818 просмотров
schedule
22.01.2023
Как переопределить класс компонента material-ui
Я хочу изменить ширину SnackbarContent и попытаться переопределить корневой css api. Как мне это сделать?
<SnackbarContent
className={classNames(classes[variant], classes.badge)}
classes={{
root: {
flexGrow: 1...
160 просмотров
schedule
02.07.2022
Как настроить таргетинг на братьев и сестер / потомков сложного компонента в Material UI / JSS
В настоящее время я использую Material UI в своем проекте. Он работает хорошо, но я не могу понять, как стилизовать дочерние и родственные компоненты с помощью JSS.
Например, компонент Material UI отображает что-то вроде этого:
<div...
3445 просмотров
schedule
12.06.2023
Как установить значение по умолчанию в поле выбора материала UI в React?
Я использую поле выбора из material-ui
Я хочу, чтобы по умолчанию была выбрана опция «выбрать значение», но после этого пользователь не может выбрать эту опцию.
<FormControl required className={classes.formControl}>
<InputLabel...
68825 просмотров
schedule
12.10.2022
Как изменить цвет границы Material-UI ‹TextField /›
Кажется, я не могу понять, как изменить цвет контура выделенного варианта. Я просмотрел проблемы с GitHub, и люди, кажется, указывают на использование свойства «InputProps», но это, похоже, ничего не дает. Вот мой код в его текущем состоянии...
115049 просмотров
schedule
10.11.2022
Псевдоселектор в Material-UI со стилями, не отображаемыми на странице
Это действительно странно. Я элемент, к которому мне нужно добавить 2 псевдоселектора: ::before и ::after . ::before отображается на странице, а ::after нет. Но синтаксис тот же.
const styles = {
Typography: {
overflow: 'hidden',...
6602 просмотров
schedule
25.03.2023
Gatsby JSS Мерцание при загрузке страницы
При загрузке страницы моего сайта Gatbsy наблюдается "мерцание" нестилизованного контента. Вероятно, наиболее полезно просмотреть предварительную версию текущего развертывания здесь https://happy-mahavira-5cd669.netlify.com/ .
Мои исследования до...
1070 просмотров
schedule
12.05.2022
Как создать глобальный стиль в React
Я работаю над школьным проектом, в котором можно создавать элементы HTML с помощью Selection.js (визуальное выделение превращается в элемент HTML). В настоящее время пользователь может писать CSS в редакторе CodeMirror . После того, как...
2685 просмотров
schedule
16.08.2022
Как смонтировать стили внутри теневого корня с помощью cssinjs / jss
Я пытаюсь использовать компоненты https://material-ui.com/ внутри теневого домена, и мне нужен способ внедрить эти стили в теневой дом. по умолчанию material-ui , который использует jss под капотом, вводит стили в заголовок страницы.
Это...
2375 просмотров
schedule
24.04.2022
Как обрабатывать цвет значения индикатора выполнения в JSS?
Я создаю компонент индикатора выполнения, используя Typescript и JSS в реакции.
Мой компонент расширяется:
React.ProgressHTMLAttributes<Element>
Я могу создать компонент индикатора выполнения. Однако я не могу обрабатывать цвет...
227 просмотров
schedule
03.07.2023
JSS: таргетинг на всех прямых дочерних элементов
Я использую JSS с пользовательским интерфейсом материалов для React.js, так как это, кажется, его предпочтительная библиотека стилей.
Кто-нибудь знает эквивалентный код для таргетинга на всех прямых дочерних элементов в JSS? Эквивалент следующего:...
120 просмотров
schedule
13.05.2023
response-jss displayName перезаписывается injectSheets
У меня есть функциональный компонент Foo, в который я вставляю таблицу стилей с помощью response-jss.
Я вручную установил displayName для Foo как «Foo», но заметил, что после вызова injectSheet для Foo displayName изменился на...
59 просмотров
schedule
19.05.2023
Почему My Space становится новой линией, использующей сетку Material UI Grid System?
Мне труднее всего работать с системой сетки Material UI . Я пытаюсь сделать что-то относительно простое: держать Icon + Text слева от контейнера и нажимать кнопку справа. Однако я обнаружил, что любой мой текст, в котором есть два слова с пробелом,...
383 просмотров
schedule
20.03.2023
className не совпало при использовании nextjs и response-jss
Я использую nextjs с typescript и react-jss. Я получаю сообщение об ошибке:
Warning: Prop `className` did not match. Server: "mobileNavToggle-0-2-10" Client: "mobileNavToggle-0-2-2"
Я думаю, это вызвано тем, что SSR и гидратация производят...
1383 просмотров
schedule
14.08.2022
сложный условный стиль react-jss
Работаю с react-jss уже несколько недель и пытаюсь найти лучший способ стилизации некоторых компонентов. У меня много условных выражений в этих компонентах, и я стараюсь не создавать слишком много новых компонентов с большим количеством общего кода....
750 просмотров
schedule
23.08.2022
