github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 15:54:23 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Fix select kit size (#10094)

Browse Source
This commit is contained in:
Bianca Nenciu 2020-06-22 16:48:00 +03:00 committed by GitHub
parent 8cc8e80d7a
commit aff9bfd5bc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/javascripts/select-kit/addon/components/select-kit.js
View File

@ -800,15 +800,19 @@ export default Component.extend(
name: "applySmallScreenMaxWidth",
enabled: window.innerWidth <= 450,
phase: "beforeWrite",
fn({ state }) {
fn: ({ state }) => {
if (inModal) {
const innerModal = document.querySelector(
"#discourse-modal div.modal-inner-container"
);
if (innerModal) {
state.styles.popper.width = `${innerModal.clientWidth -
20}px`;
if (this.multiSelect) {
state.styles.popper.width = `${this.element.offsetWidth}px`;
} else {
state.styles.popper.width = `${innerModal.clientWidth -
20}px`;
}
}
} else {
state.styles.popper.width = `${window.innerWidth - 20}px`;