admin/Facilitor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FCLT#74951 touch hint verbeterd

Browse Source 
svn path=/Website/trunk/; revision=58894
This commit is contained in:
Koen Reefman
2023-01-31 14:16:25 +00:00
parent 664d630ae1
commit f41d760bab
3 changed files with 31 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
APPL/Shared/default.css
View File

@@ -1831,6 +1831,26 @@ td.label div:not(.res_remark, .resartflexedit, .time-holder),
div#insLSF table > tbody tr div {
display: inline-block;
}
td.hashint span.hint.touch::after {
content: attr(title);
position: absolute;
opacity: 0;
font-size: 0.9rem;
z-index: 1;
pointer-events: none;
white-space: pre-wrap;
padding: .15rem .4rem;
margin-left: .25em;
border-radius: 0.25rem;
border: 1px solid #343F4D;
color: #343F4D;
background-color: #FFFFFF;
transition: opacity .2s ease-in-out; /* .2s fadeOut bij het verbergen */
}
td.hashint span.hint.touch:hover::after {
opacity: 1;
transition: opacity 0s linear; /* Geen fadeIn bij het tonen */
}
@media (max-width: 425px) {
td.label {
@@ -2335,9 +2355,9 @@ div.wbackground {
text-shadow: 1px 1px black;
padding: 25px;
border-radius: 4px;
box-shadow: 0px 0px 6px #fff;
box-shadow: 4px 4px 20px #111;
margin: 30px 0px 30px 50px;
background-color: rgba(48,48,48,0.85);
background-color: rgba(48,48,48,0.95);
}
.wtitle {
@@ -5050,8 +5070,8 @@ td.bessrtdeelfoto {
border: 1px solid #f1f1f1;
padding: 1em;
vertical-align: top;
background-color: rgba(255, 255, 255, 0.85);
/* box-shadow: 3px 3px 3px #ccc; /* FMH zegt dat de card zo een button lijkt ..*/
background-color: rgba(255, 255, 255, 0.95);
box-shadow: 1px 1px 8px #777;
background-image: var(--portalmenucardbgimage);
background-position: top right;
background-repeat: no-repeat;

11
APPL/Shared/kenmerk_common.inc
View File

@@ -2896,12 +2896,15 @@ function listKenmerk(sql, module, pkey, props)
</script><%
}
if (anyHint && Session("interface") == "touch")
if (anyHint)
{
%><script>
$(function()
{
$("label[for^=<%=props.nameprefix%>]").parent("td.hashint").on("contextmenu", function (e) { e.preventDefault(); });
$(function() {
if (Modernizr.pointerevents || Modernizr.touchevents) {
$("label[for^=<%=props.nameprefix%>]").parent("td.hashint").find("span.hint").addClass("touch")
.on("contextmenu", function (e) { e.preventDefault(); })
.on("touchstart", () => {});
}
});
</script><%
}

20
APPL/Shared/touch.css
View File

@@ -132,26 +132,6 @@ div#touchmenu li a {
line-height: 2.5em;
}
td.hashint span.hint::after {
content: attr(title);
position: absolute;
opacity: 0;
font-size: 0.9rem;
z-index: 1;
pointer-events: none;
white-space: pre-wrap;
padding: .15rem .4rem;
border-radius: 0.25rem;
border: 1px solid #343F4D;
color: #343F4D;
background-color: #FFFFFF;
transition: opacity .2s ease-in-out .25s; /* .25s delay en .2s fadeOut bij het verbergen */
}
td.hashint:active span.hint::after {
opacity: 1;
transition: opacity 0s linear; /* Geen delay of fadeIn bij het tonen */
}
#buttons ul li {
margin-right: 2px;
line-height: 2.5em;