imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update some class names of AppTile (AppTileMenuBar_iconButton) on the naming policy (#10778)

Browse source
This commit is contained in:
Suguru Hirahara 2023-05-03 12:42:36 +00:00 • committed by GitHub
parent 62569e209e
commit af3a0e3d59
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
res/css/views/rooms/_AppsDrawer.pcss
View file

@ -251,23 +251,23 @@ $MinWidth: 240px;
width: 24px; width: 24px;
} }
&.mx_AppTileMenuBar_iconButton_collapse::before { &.mx_AppTileMenuBar_iconButton--collapse::before {
mask-image: url("$(res)/img/element-icons/minimise-collapse.svg"); mask-image: url("$(res)/img/element-icons/minimise-collapse.svg");
} }
&.mx_AppTileMenuBar_iconButton_maximise::before { &.mx_AppTileMenuBar_iconButton--maximise::before {
mask-image: url("$(res)/img/element-icons/maximise-expand.svg"); mask-image: url("$(res)/img/element-icons/maximise-expand.svg");
} }
&.mx_AppTileMenuBar_iconButton_minimise::before { &.mx_AppTileMenuBar_iconButton--minimise::before {
mask-image: url("$(res)/img/element-icons/minus-button.svg"); mask-image: url("$(res)/img/element-icons/minus-button.svg");
} }
&.mx_AppTileMenuBar_iconButton_popout::before { &.mx_AppTileMenuBar_iconButton--popout::before {
mask-image: url("$(res)/img/feather-customised/widget/external-link.svg"); mask-image: url("$(res)/img/feather-customised/widget/external-link.svg");
} }
&.mx_AppTileMenuBar_iconButton_menu::before { &.mx_AppTileMenuBar_iconButton--menu::before {
mask-image: url("$(res)/img/element-icons/room/ellipsis.svg"); mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
} }
} }

12
src/components/views/elements/AppTile.tsx
View file

@ -693,9 +693,9 @@ export default class AppTile extends React.Component<IProps, IState> {
this.props.room && this.props.room &&
WidgetLayoutStore.instance.isInContainer(this.props.room, this.props.app, Container.Center); WidgetLayoutStore.instance.isInContainer(this.props.room, this.props.app, Container.Center);
const maximisedClasses = classNames({ const maximisedClasses = classNames({
mx_AppTileMenuBar_iconButton: true, "mx_AppTileMenuBar_iconButton": true,
mx_AppTileMenuBar_iconButton_collapse: isMaximised, "mx_AppTileMenuBar_iconButton--collapse": isMaximised,
mx_AppTileMenuBar_iconButton_maximise: !isMaximised, "mx_AppTileMenuBar_iconButton--maximise": !isMaximised,
}); });
layoutButtons.push( layoutButtons.push(
<AccessibleButton <AccessibleButton
@ -709,7 +709,7 @@ export default class AppTile extends React.Component<IProps, IState> {
layoutButtons.push( layoutButtons.push(
<AccessibleButton <AccessibleButton
key="minimise" key="minimise"
className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton_minimise" className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton--minimise"
title={_t("Minimise")} title={_t("Minimise")}
onClick={this.onMinimiseClicked} onClick={this.onMinimiseClicked}
/>, />,
@ -731,13 +731,13 @@ export default class AppTile extends React.Component<IProps, IState> {
{layoutButtons} {layoutButtons}
{this.props.showPopout && !this.state.requiresClient && ( {this.props.showPopout && !this.state.requiresClient && (
<AccessibleButton <AccessibleButton
className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton_popout" className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton--popout"
title={_t("Popout widget")} title={_t("Popout widget")}
onClick={this.onPopoutWidgetClick} onClick={this.onPopoutWidgetClick}
/> />
)} )}
<ContextMenuButton <ContextMenuButton
className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton_menu" className="mx_AppTileMenuBar_iconButton mx_AppTileMenuBar_iconButton--menu"
label={_t("Options")} label={_t("Options")}
isExpanded={this.state.menuDisplayed} isExpanded={this.state.menuDisplayed}
inputRef={this.contextMenuButton} inputRef={this.contextMenuButton}