Skip to content

Commit 66a5f62

Browse files
committed
Improve abslveLink CSS
1 parent c7677d1 commit 66a5f62

File tree

2 files changed

+29
-2
lines changed

2 files changed

+29
-2
lines changed

lib/patches/abslveLink.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -19,13 +19,13 @@ async function patch(bg) {
1919
const { shorthand } = team;
2020
const abslveLink = `https://slavfox.space/abslve/?foreboding-kaleidoscope#${shorthand}`;
2121

22-
let logoLine = item.querySelector('.Team-LogoLine');
22+
let logoLine = item.querySelector('.Team-LogoLine-Wrapper');
2323

2424
let abslve = document.createElement('a');
2525
abslve.href = abslveLink;
2626
abslve.textContent = 'abslve';
2727
abslve.classList.add('Team-Abslve');
28-
logoLine.append(abslve);
28+
logoLine.after(abslve);
2929

3030
markPatched(item, 'abslveLink');
3131
markPatched(bg, 'abslveLink');

lib/style.css

+27
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,36 @@
1+
.Team-Header {
2+
display: grid;
3+
grid-template-columns: min-content 1fr min-content;
4+
align-items: start;
5+
column-gap: 5px;
6+
}
7+
8+
.Team-LogoLine-Wrapper, .Team-Card-Wrapper, .Team-Header > .ModalItem-Name-Wrapper {
9+
display: contents;
10+
}
11+
12+
.Team-LogoLine-Wrapper > .ModalItem-Name-Wrapper {
13+
grid-column: 2 / 4;
14+
margin-left: 5px;
15+
}
16+
17+
.Team-Card {
18+
grid-column: 2;
19+
margin: 0.5px 0 0 0;
20+
}
21+
22+
.ModalItem-Button-Flute-Current {
23+
margin-left: 0;
24+
margin-right: -5px;
25+
}
26+
127
.Team-Abslve {
228
font-family: "Lora", "Courier New", monospace, serif;
329
font-size: 14px;
430
color: #aaa;
531
line-height: 1.3em;
632
margin-top: 2px;
33+
justify-self: center;
734
}
835

936
.Player-Info-Line-Button {

0 commit comments

Comments
 (0)