Partially fix overflow issues
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
parent
ab79deb88f
commit
899ce1f605
2 changed files with 22 additions and 16 deletions
|
@ -27,14 +27,19 @@ limitations under the License.
|
|||
.mx_ImageView_content {
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.mx_ImageView_image_wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mainImage {
|
||||
.mx_ImageView_image {
|
||||
object-fit: contain;
|
||||
pointer-events: all;
|
||||
|
||||
|
@ -43,6 +48,8 @@ limitations under the License.
|
|||
min-width: 100px;
|
||||
min-height: 100px;
|
||||
|
||||
border-radius: 8px;
|
||||
|
||||
&:hover {
|
||||
cursor: grab;
|
||||
}
|
||||
|
@ -51,7 +58,6 @@ limitations under the License.
|
|||
.mx_ImageView_panel {
|
||||
width: 100%;
|
||||
height: 68px;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
align-self: flex-start;
|
||||
pointer-events: all;
|
||||
|
@ -62,7 +68,6 @@ limitations under the License.
|
|||
|
||||
.mx_ImageView_toolbar {
|
||||
right: 0;
|
||||
padding-right: 18px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
@ -74,7 +79,6 @@ limitations under the License.
|
|||
|
||||
.mx_ImageView_label {
|
||||
left: 0;
|
||||
padding-left: 18px;
|
||||
text-align: left;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue