Testing out flyout menus

This commit is contained in:
Michał Gdula 2022-07-29 13:53:36 +01:00
parent 0d9687e836
commit 7eae10b4bf
4 changed files with 73 additions and 1 deletions

14
ui/flyout.php Normal file
View file

@ -0,0 +1,14 @@
<div class="flyout-dim">
</div>
<div class="flyout flex-down default-window between">
<?php
if (isset($flyout_content) && !empty($flyout_content)) {
echo $flyout_content;
} else {
$flyout_content = "<h2 class='space-bottom-large'>Dialog</h2> <p>This is a very cool flyout that does nothing but be annoying right now! Sowwy for taking up your screenspace with this box!</p class='space-bottom-large'> <p>This is just being tested as a better alternative to some things, sowwy!</p> <a class='btn alert-low'>Accept the world is cruel</a>";
echo $flyout_content;
}
?>
<a class="btn alert-default space-top-small flyout-close">Cancel</a>
</div>
<script src="scripts/flyout.js"></script>