OpenSource/telegram-crawler
OpenSource/telegram-crawler
1
0
Fork 0
mirror of https://github.com/MarshalX/telegram-crawler.git synced 2025-03-15 13:22:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update content of files

Browse source
This commit is contained in:
GitHub Action 2022-04-09 19:58:54 +00:00
parent 0894424ed6
commit 0fdf5e6631
1 changed files with 36 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
data/webappcontent.telegram.org/demo.html
View file

@ -106,6 +106,34 @@
top: 0;
transform: translateY(100vh);
}
.viewport_border {
position: fixed;
left: 0;
right: 0;
top: 0;
height: var(--tg-viewport-height, 100vh);
pointer-events: none;
}
.viewport_border:before {
content: attr(text);
display: inline-block;
background: green;
left: 0;
top: 0;
font-size: 7px;
padding: 2px 4px;
vertical-align: top;
}
.viewport_border:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 2px dashed green;
}
</style>
</head>
<body style="visibility: hidden;">
@ -136,6 +164,7 @@
<span id="webview_data_status" style="display: none;">Checking hash...</span>
</div>
</section>
<div class="viewport_border"></div>
<script src="/js/jquery.min.js"></script>
<script>
Telegram.WebApp.ready();
@ -308,6 +337,13 @@ Telegram.WebApp.MainButton
.show()
.onClick(function(){ webviewClose(); });
function setViewportHeight() {
var h = document.documentElement.style.getPropertyValue('--tg-viewport-height');
$('.viewport_border').attr('text', h);
}
Telegram.WebApp.onEvent('viewport_changed', setViewportHeight);
setViewportHeight();
</script>
</body>