UX: Make theme install modal more responsive (#11503)

* UX: Make theme install modal more responsive

* chrome fix
This commit is contained in:
Kris 2020-12-16 00:41:36 -05:00 committed by GitHub
parent 407591719c
commit f450ab6b5d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,6 +1,22 @@
.admin-install-theme-modal {
.modal-inner-container {
width: 100%;
}
}
.install-theme {
min-width: 650px;
display: flex;
@include breakpoint(mobile-extra-large) {
.install-theme-items {
flex: 0 0 150px;
}
.install-theme-content {
flex: 1 1 100%;
}
.select-kit {
width: 100%;
}
}
}
.install-theme-items {
@ -48,6 +64,10 @@
.install-theme-content {
padding: 0px 0px 10px 20px;
width: calc(100% - 200px);
input[type="file"] {
width: 100%;
overflow: hidden; // Chrome needs this
}
}
.repo {