Add default modal for wish details
This commit is contained in:
parent
d92ab6b202
commit
15f7359e15
3 changed files with 15 additions and 1 deletions
|
@ -1,3 +1,8 @@
|
||||||
$(function () {
|
$(function () {
|
||||||
|
|
||||||
|
$(document).on('click', '.ui.button.details', function() {
|
||||||
|
console.log($('.ui.modal.details'));
|
||||||
|
$('.ui.modal.details').modal('show');
|
||||||
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
|
@ -354,7 +354,7 @@ class Wish
|
||||||
ob_start();
|
ob_start();
|
||||||
?>
|
?>
|
||||||
<div class="extra content buttons">
|
<div class="extra content buttons">
|
||||||
<button class="ui compact labeled icon button">
|
<button class="ui compact labeled icon button details">
|
||||||
<i class="stream icon"></i>
|
<i class="stream icon"></i>
|
||||||
<span><?= __('Details') ?></span>
|
<span><?= __('Details') ?></span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -215,3 +215,12 @@ namespace wishthis;
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Modal: Details -->
|
||||||
|
<div class="ui modal details">
|
||||||
|
<div class="header">Header</div>
|
||||||
|
|
||||||
|
<div class="scrolling content">
|
||||||
|
<p>Very long content goes here</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue