Latest revision as of 13:57, 16 July 2021

/* Single-page JS tracker */
/* This should only be used at [[FSD:Single-page JS tracker]] */

div.backlogIssue {
  margin: 0.5em;
  margin-top: 1.5em;
  padding-left: 0.5em;
  border-left: 2px solid gray;
  border-top: 3px solid gray;
  border-radius: 0.3em;
}
div.backlogIssue .backlogIssueAnchor {
  float: right;
  font-size: small;
  margin: 0.1em;
  background-color: black;
  border-radius: 0.3em;
  padding: 0.2em;
  color: white;
  box-shadow: gray 2px 2px 3px;
  -moz-user-select: all;
  user-select: all;
}
div.backlogIssue .backlogIssueContent {
  margin: 0.3em;
}
div.backlogIssue.topPriority .backlogIssueAnchor::before {
  display: block;
  content: 'TOP PRIORITY';
  font-size: x-small;
  font-weight: bold;
  margin: 0.1em;
  color: gold;
  text-align: center;
}
div.backlogIssue[data-stalledby]::after {
  display: block;
  text-align: center;
  content: '↳ Stalled by: ' attr(data-stalledby) ' ↲';
  font-size: small;
  margin-top: 1em;
  text-decoration: overline double purple;
}

body[class*="Backlog"] #n-Backlog, body[class*="Issues"] #n-Backlog {
  text-decoration: underline;
}

/* Backlog: support for the Top Priority filter (the star) */
input#onlyTopPriority ~ label[for="onlyTopPriority"] {
  filter: grayscale(1) drop-shadow(0px 0px 2px black);
  cursor: pointer;
  color: gold;
  padding: 0.4em;
  user-select: none;
  font-size: larger;
}
input#onlyTopPriority:checked ~ label[for="onlyTopPriority"] {
  filter: grayscale(0) drop-shadow(0px 0px 1px black);
}
input#onlyTopPriority ~ label[for="onlyTopPriority"]:hover {
  filter: grayscale(0.5) drop-shadow(0px 0px 1px black);
}
input#onlyTopPriority ~ label[for="onlyTopPriority"]:active {
  cursor: wait;
}