Update _AuxPanel.pcss
(#10888)
* Fix class names - from m_ to mx_ * Move mx_RoomView_auxPanel from _RoomView.pcss to _AuxPanel.pcss The class name 'mx_RoomView_auxPanel' belongs to AuxPanel, not RoomView * Correct naming * Strictify: mx_RoomView_auxPanel * * Nest mx_AuxPanel_stateViews_span * Sort * Run prettier * Use custom properties * Revert "Use custom properties" This reverts commit fe720d05f4572e74e71887203d43c491f0723a92.
This commit is contained in:
parent
d0b77cc3aa
commit
fabfae172b
3 changed files with 41 additions and 43 deletions
|
@ -173,18 +173,14 @@ export default class AuxPanel extends React.Component<IProps, IState> {
|
|||
}
|
||||
|
||||
span = (
|
||||
<span
|
||||
className="m_RoomView_auxPanel_stateViews_span"
|
||||
data-severity={severity}
|
||||
key={"x-" + stateKey}
|
||||
>
|
||||
<span className="mx_AuxPanel_stateViews_span" data-severity={severity} key={"x-" + stateKey}>
|
||||
{span}
|
||||
</span>
|
||||
);
|
||||
|
||||
counters.push(span);
|
||||
counters.push(
|
||||
<span className="m_RoomView_auxPanel_stateViews_delim" key={"delim" + idx}>
|
||||
<span className="mx_AuxPanel_stateViews_delim" key={"delim" + idx}>
|
||||
{" "}
|
||||
─{" "}
|
||||
</span>,
|
||||
|
@ -193,12 +189,12 @@ export default class AuxPanel extends React.Component<IProps, IState> {
|
|||
|
||||
if (counters.length > 0) {
|
||||
counters.pop(); // remove last deliminator
|
||||
stateViews = <div className="m_RoomView_auxPanel_stateViews">{counters}</div>;
|
||||
stateViews = <div className="mx_AuxPanel_stateViews">{counters}</div>;
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<AutoHideScrollbar className="mx_RoomView_auxPanel">
|
||||
<AutoHideScrollbar className="mx_AuxPanel">
|
||||
{stateViews}
|
||||
{this.props.children}
|
||||
{appsDrawer}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue