Skip to content
GitLab
Commit 69d7328c authored by bbaer's avatar bbaer
Browse files

fixed overlay behind sticky 

changed overlay to blur and white
parent 7316da5c
Pipeline #2537 passed with stages
in 2 minutes and 56 seconds
Hide whitespace changes
Inline Side-by-side
javascript/src/AlertManager.js
View file @ 69d7328c
......@@ -31,6 +31,7 @@ var QfqNS = QfqNS || {};
this.blockingAlert = {};
this.eventEmitter = new EventEmitter();
this.regularCheck = {};
this.parent = $(".container");
$("body").append(this.$container);
console.log("Created Alert Container");
......@@ -102,15 +103,10 @@ var QfqNS = QfqNS || {};
.addClass("blockscreenQfq")
.appendTo(this.$container);
$blockScreen.css({
'position': 'fixed',
'left': 0,
'right': 0,
'top': 0,
'z-index': 998,
'background': 'rgba(0,0,0,0.5)',
'width': '100%',
'height': Math.max($(document).height(), $(window).height()) + "px"
});
this.parent.addClass("blur");
var that = this;
this.screenBlocked = true;
......@@ -137,6 +133,7 @@ var QfqNS = QfqNS || {};
n.AlertManager.prototype.removeModalAlert = function() {
if (this.screenBlocked) {
$(".blockscreenQfq").remove();
this.parent.removeClass("blur");
clearInterval(this.regularCheck);
this.screenBlocked = false;
}
......
less/qfq-bs.css.less
View file @ 69d7328c
......@@ -483,6 +483,20 @@ select.qfq-locked:invalid {
border-color: #25adf1;
}
.blockscreenQfq {
position: fixed;
left: 0px;
right: 0px;
top: 0px;
z-index: 998;
filter: blur(23px);
background: rgba(255, 255, 255, 0.5);
}
.blur {
filter: blur(2px);
}
.alert-interactive p.title {
font-size: 1.5em;
margin-bottom: 0px;
......@@ -822,7 +836,7 @@ thead.qfq-sticky th, thead.qfq-sticky td {
position: sticky;
top: 0;
background-color: white;
z-index: 1000;
z-index: 900;
}
thead.qfq-sticky td {
......
mockup/alert.html
View file @ 69d7328c
......@@ -8,7 +8,7 @@
<title>Alert</title>
</head>
<body>
<div class="container">
<button id="showalert1">Show Alert 1</button>
<button id="showalert2">Show Alert 2</button>
<button id="showalert3">Show Alert 3 primed</button>
......@@ -97,5 +97,6 @@ return false;
});
});
</script>
</div>
</body>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment