draft branches, some minor cleanups
This commit is contained in:
parent
3a8799f581
commit
90de54c359
7 changed files with 66 additions and 12 deletions
|
@ -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;
|
|
@ -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%;
|
||||
|
|
|
@ -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() {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue