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

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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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>