Skip to content

Replace Foundation Dropdowns with Popover #3531

@Simrayz

Description

@Simrayz

As part of #2972, and a continuation of #3458 that added the new Popover component.

$(document).foundation('dropdown', 'close', $(this).parents('.f-dropdown:first'));

$(document).foundation('dropdown', 'close', $(this).parents('.f-dropdown:first'));

$(document).foundation('dropdown', 'close', $(this).parents('.f-dropdown:first'));

<a data-dropdown="acknowledge-info" aria-controls="acknowledge-info" aria-expanded="false">
About
</a>
<input type="submit" class="button small secondary right" value="Acknowledge alert" />
</form>
<div id="acknowledge-info" data-dropdown-content class="f-dropdown content small" aria-hidden="true" tabindex="-1">

https://github.com/Uninett/nav/blob/6d769d1c4ed727541c28ff2a7c857679d8e7b327/python/nav/web/templates/info/event/details.html#L292-L286
<a data-dropdown="maintenance-info" aria-controls="maintenance-info" aria-expanded="false">
About
</a>
<div id="maintenance-info" data-dropdown-content class="f-dropdown content small" aria-hidden="true" tabindex="-1">

<a data-dropdown="delete-info" aria-controls="delete-info" aria-expanded="false">
About
</a>
<div id="delete-info" data-dropdown-content class="f-dropdown content small" aria-hidden="true" tabindex="-1">

data-dropdown="confirm-token-delete">

data-dropdown="confirm-token-delete">

data-dropdown="dropdown-dashboard-settings"
data-options="align:left">
<i class="fa fa-gear fa-lg"></i>
</div>
</div>
{# Content dropdown for dashboard settings #}
<div id="dropdown-dashboard-settings"
data-dropdown-content

data-dropdown-content

data-dropdown="dropdown-dashboard-add">

Metadata

Metadata

Assignees

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions