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

matrix-org · Jan 11, 2022 · 53a72da · 53a72da
1 parent bdb40ae
commit 53a72da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -14,6 +14,11 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_RoomView_body[data-layout=bubble] {
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
 .mx_EventTile[data-layout=bubble],
 .mx_EventListSummary[data-layout=bubble] {
     --avatarSize: 32px;

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