matrix/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2025-12-01 09:58:03 +03:00
Code Activity

Limit max-width for bubble layout to 1200px (#7458)

Browse Source
This commit is contained in:
Michael Telatynski
2022-01-11 17:21:59 +00:00
committed by GitHub
parent bdb40ae9d1
commit 53a72dafa9
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
res/css/views/rooms/_EventBubbleTile.scss
View File

@@ -14,6 +14,11 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
.mx_RoomView_body[data-layout=bubble] {
max-width: 1200px;
margin: 0 auto;
}
.mx_EventTile[data-layout=bubble], .mx_EventTile[data-layout=bubble],
.mx_EventListSummary[data-layout=bubble] { .mx_EventListSummary[data-layout=bubble] {
--avatarSize: 32px; --avatarSize: 32px;

2
src/components/structures/RoomView.tsx
View File

@@ -2218,7 +2218,7 @@ export class RoomView extends React.Component<IRoomProps, IRoomState> {
excludedRightPanelPhaseButtons={excludedRightPanelPhaseButtons} excludedRightPanelPhaseButtons={excludedRightPanelPhaseButtons}
/> />
<MainSplit panel={rightPanel} resizeNotifier={this.props.resizeNotifier}> <MainSplit panel={rightPanel} resizeNotifier={this.props.resizeNotifier}>
<div className="mx_RoomView_body"> <div className="mx_RoomView_body" data-layout={this.state.layout}>
{ mainSplitBody } { mainSplitBody }
</div> </div>
</MainSplit> </MainSplit>