Вопросы по теме 'jss'
Контейнер вложенных стилей JSS
Я работаю с компонентом React Material UI -> TextField , и я хочу сделать вокруг него некую оболочку с возможностью переопределения стилей. Согласно документации, для этого у нас есть 2 реквизита: 1) InputProps - здесь мы должны передать классы...
2069 просмотров
schedule
24.09.2021
Как использовать дочерние селекторы в JSS
Я экспериментирую с JSS, чтобы увидеть, реально ли перенести кодовую базу Sass. У меня есть очень простой пример стиля CSS, который при наведении курсора изменяет стиль дочернего узла.
span {
color: red;
}
button:hover span {
color: blue;
}...
13713 просмотров
schedule
23.10.2021
Как расширить и переопределить объект стиля reactjs
У меня есть объект базового стиля, подобный приведенному ниже:
const baseGridStyle = {
gridStyle: {
'& .ag-header-row, .ag-filter-input:input': {
fontSize: '14px',
backgroundColor: COLORS.dark_blue,
minWidth: '100%',...
81 просмотров
schedule
26.10.2021
Material-UI - установить выбранный цвет ListItemSecondaryAction
Я пытаюсь изменить цвет, если выбран ListItem.
Проблема в том, что ListItemSecondaryAction обернут не корнем ListItem, а контейнером.
Как применить стили к контейнеру, если выбран ListItem?
Мои стили ListItem:
root: {
borderRadius: 6,...
245 просмотров
schedule
30.09.2021
Целевой компонент вложенного материала в определении стиля JSS
У меня сейчас есть этот макет JSX
<div className={classes.bottomArea}>
<Box display="flex" flexDirection="column">
<Typography variant="h1"...
191 просмотров
schedule
09.09.2021
material-ui makeStyles: как стилизовать по имени тега?
Я хочу добавить правило для всех <p> в текущем компоненте. Я нигде не мог найти информацию (документация по интерфейсу материала, переполнение стека и т. Д.) О том, как добавлять правила CSS по имени тега.
Это не поддерживается?
Я...
4784 просмотров
schedule
25.02.2022
Как перезаписать CSS внешнего [стороннего] компонента с помощью Material-UI-React?
Я пытаюсь перезаписать CSS по умолчанию внешнего компонента, который не разработан в Material-UI или в моем проекте. В стилизованных компонентах я могу просто взять корневые классы и заменить их своим собственным CSS. Как мне сделать то же самое с...
461 просмотров
schedule
08.03.2022
Styled-components - как установить стили в теге html или body?
Обычно при использовании чистого CSS у меня есть таблица стилей, которая содержит:
html {
height: 100%;
}
body {
font-size: 14px;
}
При использовании styled-components в моем проекте React, как мне установить стили для тегов html...
30624 просмотров
schedule
21.03.2022
Как мне стилизовать всплывающее окно меню Material-UI с помощью JSS?
У меня есть песочница кода: https://codesandbox.io/s/0qv1jwlmlv
То, что я делаю, довольно прямолинейно:
class SimpleMenu extends React.Component {
state = {
anchorEl: null
};
handleClick = event => {
this.setState({...
4270 просмотров
schedule
26.04.2022
Как выровнять один элемент по левому краю, а другой по правому краю с помощью компонентов сетки пользовательского интерфейса материала
Мне очень трудно добиться чего-то простого с Grid Component из MaterialUI. В частности, я хотел бы выровнять один элемент по левому краю, а другой по правому краю в одной строке макета.
Я тщательно искал и не нашел никаких решений, которые...
7284 просмотров
schedule
23.04.2022
Цвет подчеркивания компонента ввода Material-UI
Я пытаюсь сделать компонент ввода с белым подчеркиванием. В настоящее время, когда пользователь наводит курсор на компонент, цвет подчеркивания меняется на черный. Я ожидал, что это будет белый. Я считаю, что это должно быть возможно путем...
11283 просмотров
schedule
23.05.2022
Кампании и цели Sitecore 9 JSS
Я только начал работать с Sitecore 9.1 JSS. С внешнего сайта я делаю вызов RESTful API к элементу Sitecore, например
http://site/sitecore/api/layout/render/jss?item=/&sc_apikey={KEY}
Я создал кампанию и вызвал вышеуказанное с параметром:...
200 просмотров
schedule
28.08.2022
Как переопределить стиль по умолчанию с помощью ReactJSS?
Я реализовал таблицу в своем компоненте:
<table className={classes.vehicleStatusTable}>
<thead>
<tr>
<th>MILEAGE</th>
<th>TREAD <FontAwesomeIcon icon={faEye}/></th>...
122 просмотров
schedule
11.09.2022
Material-ui - TextField - Невозможно изменить цвет ошибки вспомогательного текста
У меня form с очень неудобным цветом фона. Хотелось бы изменить цвет вспомогательного текста Outlined TextField , когда он находится в состоянии ошибки, но не может его отменить. Сохраняется красный цвет.
См. CodeSandBox .
7418 просмотров
schedule
29.09.2022
Ограничить тип при сохранении исходного типа?
import { CSSProperties } from 'react';
type StyleRulesType = Partial<CSSProperties>
type StylesDefinition = { [key: string]: StyleRulesType };
const styles: StylesDefinition = {
list: {
position: 'relative',
},
listCount:...
15 просмотров
schedule
23.09.2022
Невозможно добавить наведение курсора: указатель с помощью JSS в проекте React Typescript
Я пытаюсь интегрировать очень простой эффект наведения (стандартное поведение браузера указателя курсора) для запуска в уже существующем проекте React-Typescript.
Я исследовал различные способы сделать это, поскольку React не предлагает способ...
1356 просмотров
schedule
25.10.2022
Интеграция Material-UI со сторонними реагирующими компонентами
Есть ли рекомендуемый способ оформления сторонних компонентов, таких как react-paginate , с помощью Material-UI примитивы (панели, кнопки)? Это вообще возможно?
254 просмотров
schedule
05.12.2022
Как применить стили на основе реквизита?
Я использую React и Material-ui, и в настоящее время делаю что-то вроде приведенного ниже кода. Есть ли способ лучше?
Например, существует ли функция, которая позволяет вам получить доступ к «реквизитам» в jss-объекте «стилей» под компонентом,...
3330 просмотров
schedule
29.01.2023
Использование общих классов с withStyles и пользовательским интерфейсом материала
Я использую React с TypeScript и Material UI. Итак, у меня есть следующий макет
<MuiThemeProvider theme={muiTheme}>
<My Component/>
</MuiThemeProvider>
И тогда в моем компоненте у меня есть что-то похожее на...
653 просмотров
schedule
16.09.2023
React-jss: Предупреждение: правило не привязано. Ссылка на параметр отсутствующего листа: true
Я пытаюсь изменить цвет границы подчеркивания входного компонента Material-UI. Но следующий код не работает и выдает следующую ошибку:
Предупреждение: Правило не привязано. Отсутствует параметр листа "ссылка: правда"
Это мой импорт:
import...
2414 просмотров
schedule
19.12.2022
