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

This commit is contained in:
Suguru Hirahara 2023-05-09 21:07:12 +00:00 committed by GitHub
parent dc8ea8dc27
commit 5cdbdd9f97
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 8 deletions

View file

@ -201,7 +201,7 @@ $MinWidth: 240px;
padding-bottom: 6px; padding-bottom: 6px;
} }
.mx_AppTileMenuBarTitle { .mx_AppTileMenuBar_title {
line-height: 20px; line-height: 20px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -210,13 +210,13 @@ $MinWidth: 240px;
.mx_WidgetAvatar { .mx_WidgetAvatar {
margin-right: 12px; margin-right: 12px;
} }
> :last-child {
margin-left: 9px;
}
} }
.mx_AppTileMenuBarTitle > :last-child { .mx_AppTileMenuBar_widgets {
margin-left: 9px;
}
.mx_AppTileMenuBarWidgets {
float: right; float: right;
display: flex; display: flex;
flex-direction: row; flex-direction: row;

View file

@ -722,12 +722,12 @@ export default class AppTile extends React.Component<IProps, IState> {
{this.props.showMenubar && ( {this.props.showMenubar && (
<div className="mx_AppTileMenuBar"> <div className="mx_AppTileMenuBar">
<span <span
className="mx_AppTileMenuBarTitle" className="mx_AppTileMenuBar_title"
style={{ pointerEvents: this.props.handleMinimisePointerEvents ? "all" : "none" }} style={{ pointerEvents: this.props.handleMinimisePointerEvents ? "all" : "none" }}
> >
{this.props.showTitle && this.getTileTitle()} {this.props.showTitle && this.getTileTitle()}
</span> </span>
<span className="mx_AppTileMenuBarWidgets"> <span className="mx_AppTileMenuBar_widgets">
{layoutButtons} {layoutButtons}
{this.props.showPopout && !this.state.requiresClient && ( {this.props.showPopout && !this.state.requiresClient && (
<AccessibleButton <AccessibleButton