Remove imageBox

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

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 {

View file

@ -290,7 +290,6 @@ 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}
@ -303,7 +302,6 @@ export default class ImageView extends React.Component {
onMouseLeave={this.onEndMoving} onMouseLeave={this.onEndMoving}
/> />
</div> </div>
</div>
</FocusLock> </FocusLock>
); );
} }