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

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

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