mirror of
https://github.com/chylex/Discord-History-Tracker.git
synced 2025-04-18 10:15:44 +02:00
Compare commits
2 Commits
868ba38bd3
...
41cb25f15d
| Author | SHA1 | Date | |
|---|---|---|---|
|
41cb25f15d | ||
|
|
7ba012ef5c |
@ -1,7 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="referrer" content="no-referrer">
|
||||
|
||||
@ -11,8 +10,8 @@
|
||||
|
||||
<link rel="stylesheet" href="styles/main.css">
|
||||
<link rel="stylesheet" href="styles/menu.css">
|
||||
<link rel="stylesheet" href="styles/channels.css">
|
||||
<link rel="stylesheet" href="styles/servers.css">
|
||||
<link rel="stylesheet" href="styles/channels.css">
|
||||
<link rel="stylesheet" href="styles/messages.css">
|
||||
<link rel="stylesheet" href="styles/modal.css">
|
||||
|
||||
@ -22,9 +21,8 @@
|
||||
window.DHT_SERVER_SESSION = query.get("session");
|
||||
</script>
|
||||
<script type="module" src="scripts/bootstrap.mjs"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<div id="menu">
|
||||
<button id="btn-settings">Settings</button>
|
||||
|
||||
@ -44,8 +42,7 @@
|
||||
<div class="nav">
|
||||
<button id="nav-first" data-nav="first" class="icon">«</button>
|
||||
<button id="nav-prev" data-nav="prev" class="icon">‹</button>
|
||||
<button id="nav-pick" data-nav="pick">Page <span id="nav-page-current">1</span>/<span
|
||||
id="nav-page-total">?</span></button>
|
||||
<button id="nav-pick" data-nav="pick">Page <span id="nav-page-current">1</span>/<span id="nav-page-total">?</span></button>
|
||||
<button id="nav-next" data-nav="next" class="icon">›</button>
|
||||
<button id="nav-last" data-nav="last" class="icon">»</button>
|
||||
</div>
|
||||
@ -79,8 +76,7 @@
|
||||
</div>
|
||||
|
||||
<div id="app">
|
||||
<div id="servers">
|
||||
</div>
|
||||
<div id="servers"></div>
|
||||
<div id="channels">
|
||||
<div class="loading"></div>
|
||||
</div>
|
||||
@ -91,6 +87,5 @@
|
||||
<div id="overlay"></div>
|
||||
<div id="dialog"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -187,7 +187,7 @@ export default (function () {
|
||||
"nsfw": channels[key].nsfw || false,
|
||||
"icon": getServer(channels[key].server).type === "group"
|
||||
? `<!--<span>${channels[key].name.split(" ").map(word => word[0]).join("")}</span>-->` //Discord default naming without a icon
|
||||
: `<img src='${fileUrlProcessor("https://cdn.discordapp.com/avatars/" + getUserIDByName(channels[key].name) + "/" + getUserByName(channels[key].name).avatar)}'>`
|
||||
: `<img src='${fileUrlProcessor("https://cdn.discordapp.com/avatars/" + getUserIDByName(channels[key].name) + "/" + getUserByName(channels[key].name).avatar+".webp")}'>`
|
||||
})).sort((ac, bc) => {
|
||||
return channelOrder[ac.id] - channelOrder[bc.id];
|
||||
});
|
||||
|
||||
@ -6,7 +6,7 @@ export default class {
|
||||
constructor(contents) {
|
||||
this.contents = contents;
|
||||
};
|
||||
7
|
||||
|
||||
apply(obj, processor) {
|
||||
|
||||
//Keys to not escape
|
||||
|
||||
@ -9,22 +9,22 @@
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#channels>div.loading {
|
||||
#channels > div.loading {
|
||||
margin: 0 auto;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
#channels>div.loading {
|
||||
#channels > div.loading {
|
||||
background-color: rgba(0, 0, 0, 0) !important;
|
||||
}
|
||||
|
||||
|
||||
#channels>div.channel.visible {
|
||||
#channels > div.channel.visible {
|
||||
display: flex !important;
|
||||
}
|
||||
|
||||
#channels>div.channel {
|
||||
#channels > div.channel {
|
||||
display: none !important;
|
||||
|
||||
cursor: pointer;
|
||||
@ -50,12 +50,12 @@
|
||||
padding: 8px 8px !important;
|
||||
}
|
||||
|
||||
#channels>div.channel:hover,
|
||||
#channels>div.channel.active {
|
||||
#channels > div.channel:hover,
|
||||
#channels > div.channel.active {
|
||||
background-color: rgba(78, 80, 88, 0.6);
|
||||
}
|
||||
|
||||
#channels>div.channel.active>.info>.name {
|
||||
#channels > div.channel.active > .info > .name {
|
||||
color: oklab(0.999994 0.0000455678 0.0000200868);
|
||||
}
|
||||
|
||||
@ -65,11 +65,11 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ServerChannel>.info {
|
||||
.ServerChannel > .info {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.UserChannel>.info {
|
||||
.UserChannel > .info {
|
||||
align-self: center;
|
||||
padding-left: 6px !important;
|
||||
align-items: center;
|
||||
@ -78,13 +78,13 @@
|
||||
}
|
||||
|
||||
|
||||
[server-type="group"]>.info {
|
||||
[server-type="group"] > .info {
|
||||
padding: 6px;
|
||||
|
||||
width: 172px !important;
|
||||
}
|
||||
|
||||
.UserChannel>.info>.name {
|
||||
.UserChannel > .info > .name {
|
||||
min-height: 18px;
|
||||
}
|
||||
|
||||
@ -115,17 +115,17 @@
|
||||
}
|
||||
|
||||
|
||||
#channels>div:hover,
|
||||
#channels>div.active {
|
||||
#channels > div:hover,
|
||||
#channels > div.active {
|
||||
background-color: #404249
|
||||
}
|
||||
|
||||
#channels>div>.avatar {
|
||||
#channels > div > .avatar {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#channels>div>.avatar>* {
|
||||
#channels > div > .avatar > * {
|
||||
width: 30px;
|
||||
|
||||
min-width: 30px;
|
||||
|
||||
@ -5,7 +5,7 @@
|
||||
gap: 8px;
|
||||
padding: 8px;
|
||||
background-color: #313338;
|
||||
border-bottom: 2px solid #27292D
|
||||
border-bottom: 2px solid #27292D;
|
||||
}
|
||||
|
||||
#menu .splitter {
|
||||
@ -56,27 +56,27 @@
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#menu .nav>button {
|
||||
#menu .nav > button {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#menu .nav>button.icon {
|
||||
#menu .nav > button.icon {
|
||||
font-family: Lucida Console, monospace;
|
||||
font-size: 17px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
#menu .nav>button,
|
||||
#menu .nav>p {
|
||||
#menu .nav > button,
|
||||
#menu .nav > p {
|
||||
margin: 0 1px;
|
||||
}
|
||||
|
||||
#opt-filter-list>select,
|
||||
#opt-filter-list>input {
|
||||
#opt-filter-list > select,
|
||||
#opt-filter-list > input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#opt-filter-list>.active {
|
||||
#opt-filter-list > .active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
@ -4,14 +4,14 @@
|
||||
background-color: #36393e;
|
||||
}
|
||||
|
||||
#messages>div {
|
||||
#messages > div {
|
||||
padding: 0 4px 0 24px;
|
||||
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
|
||||
|
||||
#messages>div:hover {
|
||||
#messages > div:hover {
|
||||
background-color: oklab(0.0846607 0.00000385568 0.00000169128 / 0.06);
|
||||
}
|
||||
|
||||
@ -30,7 +30,7 @@
|
||||
|
||||
|
||||
|
||||
#messages .avatar-wrapper>div {
|
||||
#messages .avatar-wrapper > div {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
|
||||
@ -15,6 +15,7 @@
|
||||
background-color: #313338;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Server:hover {
|
||||
@ -44,6 +45,7 @@ svg.ServerImg {
|
||||
font-size: 1.5em;
|
||||
text-align: center;
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user