Remove imageBox
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
f9884b1cc7
commit
7dd7aeffed
2 changed files with 14 additions and 20 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue