Содержимое позиции в ExpansionPanelSummary [React Material-UI] - PullRequest
0 голосов
/ 22 февраля 2020

Goal

Я думаю, что изображение проясняет достаточно, у меня есть два компонента ExpansionPanelSummary, я хотел бы переместить значки в первом справа справа от ExpandMoreIcon. Я думал об использовании CSS псевдоселекторов для достижения этой цели, но пока ничего. Там может быть даже гораздо проще, чем это решение, хотя Мой код прямо сейчас:

 <ExpansionPanelSummary ... />
   <Typography variant="h6">Devices</Typography>

   <div ...>
     <IconButton>
       <FilterListIcon  style={{ color: grey[700] }}/>
     </IconButton>
     <IconButton>
       <SearchIcon  style={{ color: grey[700] }}/>
     </IconButton>
   </div>

</ExpansionPanelSummary>

Примечание: Я не добавил стили в div, ExpansionPanelSummary имеет атрибуты, не относящиеся к вопросу.

1 Ответ

0 голосов
/ 22 февраля 2020

вы можете согнуть свойство в ваших дочерних узлах в ExpansionPanelSummary, как показано ниже.

<ExpansionPanelSummary>
   <Typography variant="h6" style={{flexGrow: 1}}>Devices</Typography>

   <div>
     <IconButton>
       <FilterListIcon  style={{ color: grey[700] }}/>
     </IconButton>
     <IconButton>
       <SearchIcon  style={{ color: grey[700] }}/>
     </IconButton>
   </div>

</ExpansionPanelSummary>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...