Skip to content
Extraits de code Groupes Projets
Vérifiée Valider 0d392b0c rédigé par Kubat's avatar Kubat
Parcourir les fichiers

Styled scrollbar with css and fix drag area

parent 42626f6e
Aucune branche associée trouvée
Aucune étiquette associée trouvée
1 requête de fusion!13Dev kubat: More work done on the instance
Masquer les modifications d'espaces
En ligne Côte à côte
instance/log.ejs
+ 11
− 5
Voir le fichier @ 0d392b0c
......@@ -13,16 +13,22 @@
<link rel="stylesheet" href="../style/fontawesome-free-5.15.1-web/css/all.min.css" />
<script src="./log.js"></script>
<script></script>
<style>
::-webkit-scrollbar { width: 13px; }
::-webkit-scrollbar-track { background: #343a40; } /* Background */
::-webkit-scrollbar-thumb { background: #4e5d6c; } /* Scrollbar */
::-webkit-scrollbar-thumb:hover { background: #df691a; } /* Scrollbar on hover */
</style>
</head>
<body style='overflow-y: scroll; height: 100%;'>
<body style='overflow-y: scroll; height: 100%; overflow-x: hidden;'>
<div style='border-color: #abb6c2; border-style: solid; border-top: none; height: 100%;'>
<table class='table table-sm' style='margin: 0px;'>
<thead class='thead-light'
style='position: sticky; position: -webkit-sticky; top: 0; z-index: 999; -webkit-app-region: drag'>
<tr>
<th style='border: 0px; position: sticky; position: -webkit-sticky; top: 0; z-index: 999;'>Timestamp</th>
<th style='border: 0px; position: sticky; position: -webkit-sticky; top: 0; z-index: 999;'>Label</th>
<th style='border: 0px; position: sticky; position: -webkit-sticky; top: 0; z-index: 999;'>Message</th>
<tr style='-webkit-app-region: drag'>
<th style='border: 0px; position: sticky; position: -webkit-sticky; top: 0; z-index: 999; -webkit-app-region: drag'>Timestamp</th>
<th style='border: 0px; position: sticky; position: -webkit-sticky; top: 0; z-index: 999; -webkit-app-region: drag'>Label</th>
<th style='border: 0px; position: sticky; position: -webkit-sticky; top: 0; z-index: 999; -webkit-app-region: drag'>Message</th>
</tr>
</thead>
<tbody id='body'>
......
instance/log.js
+ 1
− 0
Voir le fichier @ 0d392b0c
......@@ -32,6 +32,7 @@ file.on('line', line => {
const limit = 200;
var trs = $('tr');
if (trs.length > limit) trs.slice(2, trs.length - limit).remove();
window.scrollTo(0, document.body.scrollHeight);
});
window.onload = () => {};
style/css/instance.css
+ 1
− 1
Voir le fichier @ 0d392b0c
......@@ -11,7 +11,7 @@
}
::-webkit-scrollbar-track {
background: content-box;
background: #343a40;
}
::-webkit-scrollbar-thumb {
......
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter