Prevent move to new topic tag input from becoming too wide on click

This commit is contained in:
Kris 2018-09-20 16:12:08 -04:00
parent 3e17ef0507
commit 5f042a2c8d
3 changed files with 4 additions and 2 deletions

View File

@ -39,7 +39,7 @@ export default SelectKitComponent.extend({
@on("didRender") @on("didRender")
_setChoicesMaxWidth() { _setChoicesMaxWidth() {
const width = this.$body().outerWidth(false); const width = this.$body().outerWidth(false);
this.$(".choices").css({ maxWidth: width, width }); this.$(".choices").css({ maxWidth: width });
}, },
@on("didReceiveAttrs") @on("didReceiveAttrs")

View File

@ -70,6 +70,7 @@
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%;
.choice { .choice {
display: inline-flex; display: inline-flex;

View File

@ -139,10 +139,11 @@
} }
form { form {
width: 95%;
margin-top: 20px; margin-top: 20px;
#split-topic-name, #split-topic-name,
#choose-topic-title { #choose-topic-title {
width: 520px; width: 100%;
} }
} }
} }