Skip to content

Commit

Permalink
Fix fixed height for InputText with tags
Browse files Browse the repository at this point in the history
This change adds custom CSS stylesheet for InputText with tags enabled.

The CSS rules make tagsinput wrapper's height automatic with minimum
height by default. Rules also fix editable input's position when
typeahead is enabled.

Fix TheCoder4eu#1081
  • Loading branch information
Phellipe Kelbert committed Jun 11, 2019
1 parent c02089b commit f2d4fc9
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 1 deletion.
14 changes: 14 additions & 0 deletions mavenResources/META-INF/resources/bsf/css/input-tags.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
.bootstrap-tagsinput {
height: auto;
min-height: 34px;
}

.bootstrap-tagsinput .twitter-typeahead {
width: auto;
float: none;
position: relative !important;
}

.bootstrap-tagsinput .twitter-typeahead .tt-menu {
width: auto;
}
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ public void setTags(boolean _tags) {
AddResourcesListener.addResourceToHeadButAfterJQuery(C.BSF_LIBRARY, "js/bootstrap-tagsinput.min.js");
AddResourcesListener.addExtCSSResource("bootstrap-tagsinput.css");
AddResourcesListener.addExtCSSResource("bootstrap-tagsinput-typeahead.css");

AddResourcesListener.addExtCSSResource("input-tags.css");
}
super.setTags(_tags);
}
Expand Down

0 comments on commit f2d4fc9

Please sign in to comment.