XF/neptune
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Implement floating drilldown modals

Browse Source
This commit is contained in:
Mark Veidemanis
2022-08-28 20:26:15 +01:00
parent 2ce3c11da2
commit f7cda73ddf
12 changed files with 470 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
core/templates/base.html
View File

@@ -25,6 +25,7 @@
<script src="{% static 'js/bulma-tagsinput.min.js' %}" integrity="sha384-GmnKCsPJIPPZbNVXpkGRmKdxOa0PQLnOM/hQLIHvMRERySuyvFqKGc76iHTGUY+d" crossorigin="anonymous"></script>
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/gridstack-all.js' %}"></script>
<script defer src="https://unpkg.com/@lf2com/magnet.js@latest/dist/magnet.min.js"></script>
<script>
document.addEventListener("restore-scroll", function(event) {
var scrollpos = localStorage.getItem('scrollpos');
@@ -159,7 +160,7 @@
background-color:rgba(219, 219, 219, 0.5) !important;
}
.navbar {
background-color: transparent !important;
background-color:rgba(0, 0, 0, 0.03) !important;
}
.grid-stack-item-content {
@@ -182,6 +183,27 @@
display: block;
}
.floating-window {
/* background-color:rgba(210, 210, 210, 0.6) !important; */
display: flex !important;
flex-direction: column !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
max-height: 300px;
z-index: 9000;
position: absolute;
top: 50px;
left: 50px;
}
.floating-window .panel {
background-color:rgba(250, 250, 250, 0.8) !important;
}
.ui-close {
float: right;
}
</style>
</head>
<body>