PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Remove imageBox

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2020-12-20 18:19:11 +01:00
parent f9884b1cc7
commit 7dd7aeffed
2 changed files with 14 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
res/css/views/elements/_ImageView.scss
View file

@ -26,21 +26,15 @@ limitations under the License.
.mx_ImageView_content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.mx_ImageView_imageBox {
overflow: hidden;
display: flex;
padding: 0 50px 50px 50px;
flex-grow: 1;
}
.mainImage {
margin: auto;
//margin: auto;
&:hover {
cursor: grab;
@ -56,6 +50,8 @@ limitations under the License.
display: flex;
justify-content: space-between;
padding: 50px;
position: absolute;
width: 100%;
}
.mx_ImageView_toolbar {

24
src/components/views/elements/ImageView.js
View file

@ -290,19 +290,17 @@ export default class ImageView extends React.Component {
</AccessibleButton>
</div>
</div>
<div className="mx_ImageView_imageBox">
<img
src={this.props.src}
title={this.props.name}
style={style}
className="mainImage"
draggable={true}
onMouseDown={this.onStartMoving}
onMouseMove={this.onMoving}
onMouseUp={this.onEndMoving}
onMouseLeave={this.onEndMoving}
/>
</div>
<img
src={this.props.src}
title={this.props.name}
style={style}
className="mainImage"
draggable={true}
onMouseDown={this.onStartMoving}
onMouseMove={this.onMoving}
onMouseUp={this.onEndMoving}
onMouseLeave={this.onEndMoving}
/>
</div>
</FocusLock>
);