Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add version of baseframe-mui without select2. #242

Closed
wants to merge 10 commits into from
Closed

Conversation

vidya-ram
Copy link
Member

@vidya-ram vidya-ram commented Nov 4, 2019

Related changes in the apps
Funnel: hasgeek/funnel#513
Lastuser: hasgeek/lastuser#374
HGTV: hasgeek/hasgeek.tv#246

@vidya-ram vidya-ram requested a review from jace November 4, 2019 07:40
@@ -3559,7 +3559,6 @@ h4, h5, h6 {

.content-wrapper {
position: relative;
z-index: 1;
padding-top: 50px;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Removed z-index of content wrapper div so that the select2 dropdown, which inside the this div can have an higher z-index than the fixed header


.mui-select.select2 .mui-select__menu {
display: none;
}
Copy link
Member Author

@vidya-ram vidya-ram Nov 4, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

For select2 enabled select fields, hide the default mui select dropdown.

<div class="mui-select">
{{ field | render_field_options(class="field-" + field.id + " " + widget_css_class, tabindex=tabindex, autofocus=autofocus, rows=rows)}}
<label>{{ field.label.text }}</label>
</div>
{%- elif field.type in ['SelectField', 'QuerySelectField', 'SelectMultipleField', 'QuerySelectMultipleField', 'UserSelectField', 'UserSelectMultiField', 'AutocompleteField', 'AutocompleteMultipleField', 'GeonameSelectField', 'GeonameSelectMultiField'] and field.widget.html_tag not in ['ul', 'ol'] %}
<div class="mui-select select2">
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To distinguish between select and select2 fields.
Incase of select2 enabled select, hide the default mui select dropdown.

});
}
//Remove the scroll lock class added by mui.js on opening select dropdown
$('select:not(.notselect)').on("select2:select", function(e) {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we can remove the :not approach when select2 is not enabled by default.

@CLAassistant
Copy link

CLAassistant commented May 16, 2022

CLA assistant check
All committers have signed the CLA.

@jace
Copy link
Member

jace commented Jun 23, 2023

Closing this since it's stale now.

@jace jace closed this Jun 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants