draft branches, some minor cleanups

This commit is contained in:
りき萌 2024-02-20 22:36:47 +01:00
parent 3a8799f581
commit 90de54c359
7 changed files with 66 additions and 12 deletions

View file

@ -20,13 +20,12 @@
width: 56px;
height: 56px;
margin: 8px;
background-image: url('../pic/01HPHVDRV0F0251MD0A2EG66C4-tilemap-heavy-metal-16+pixel+width160.png');
background-image: url('../../pic/01HPHVDRV0F0251MD0A2EG66C4-tilemap-heavy-metal-16+pixel+width160.png');
background-size: 400%;
image-rendering: pixelated;
position: relative;
}
& .east,
& .south,
& .west,
@ -128,7 +127,7 @@
width: 72px;
height: 72px;
background-image: url('../pic/01HPHVDRV0F0251MD0A2EG66C4-tilemap-heavy-metal-16+pixel+width160.png');
background-image: url('../../pic/01HPHVDRV0F0251MD0A2EG66C4-tilemap-heavy-metal-16+pixel+width160.png');
background-size: 400%;
background-position: 100% 100%;
image-rendering: pixelated;
@ -136,14 +135,14 @@
position: relative;
&.bend {
background-image: url('../pic/01HQ183RANGH4S7VZSG1ZGH0S5-the-tile+width72+pixel.png');
background-image: url('../../pic/01HQ183RANGH4S7VZSG1ZGH0S5-the-tile+width72+pixel.png');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;
}
&.notabend {
background-image: url('../pic/01HQ18E39K5F9Q5P41XAEVSEWK-the-also-tile.png');
background-image: url('../../pic/01HQ18E39K5F9Q5P41XAEVSEWK-the-also-tile.png');
background-size: 100%;
background-position: 0 0;
background-repeat: no-repeat;

View file

@ -243,6 +243,24 @@ th-bc {
}
}
/* Display a [draft] pill for branches that are drafts. */
.tree li.draft {
&>details>summary>th-bc::before,
&>div>th-bc::before {
content: 'draft';
display: block;
width: min-content;
background-color: #058ef0;
color: #ffffff;
padding: 4px 12px;
margin-bottom: 4px;
border-radius: 100px;
}
}
/* bb - button bar */
th-bb {
height: 100%;

View file

@ -46,18 +46,22 @@ class EmojiTooltip extends HTMLElement {
customElements.define("th-emoji-tooltip", EmojiTooltip);
let emojiTooltips = null;
addEventListener("wheel", event => emojiTooltips.closeTooltips(event));
class EmojiTooltips extends HTMLElement {
constructor() {
super();
this.tooltips = new Set();
this.abortController = new AbortController();
}
connectedCallback() {
emojiTooltips = this;
addEventListener(
"wheel",
event => emojiTooltips.closeTooltips(event),
{ signal: this.abortController.signal },
);
}
disconnectedCallback() {