Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
typo3
qfq
Commits
69d7328c
Commit
69d7328c
authored
Oct 30, 2019
by
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
Changes
3
Pipelines
1
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:
10
00;
z-index:
9
00;
}
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
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment