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:
Suguru Hirahara 2023-05-18 08:54:31 +00:00 committed by GitHub
parent d0b77cc3aa
commit fabfae172b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 41 additions and 43 deletions

View file

@ -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}