[#181] some minor verbosity adjustments across some vars/selectors

This commit is contained in:
Robin Scholtes 2023-04-19 18:30:02 +12:00
parent 0ab31ac897
commit c56ffef988
3 changed files with 10 additions and 5 deletions

View file

@ -280,7 +280,7 @@ class App {
}
// Add edit button to first category (Favourites)
const favCat = document.querySelector("#categories a");
const favCat = document.querySelector("#categories a[data-target='#catFavourites']");
favCat.appendChild(document.getElementById("edit-favourites"));
favCat.setAttribute("data-help-title", "Favourite operations");
favCat.setAttribute("data-help", `<p>This category displays your favourite operations.</p>

View file

@ -1,13 +1,18 @@
.category-title {
display: block;
display: flex;
justify-content: space-between;
padding: 10px;
background-color: var(--secondary-background-colour);
border-bottom: 1px solid var(--secondary-border-colour);
font-weight: var(--title-weight);
}
.category-title[href='#catFavourites'] {
border-bottom-color: var(--primary-border-colour);
.category-title[data-target="#catFavourites"] {
height: 41px;
}
#edit-favourites {
transform: translateY(-7px);
}
.category-title[aria-expanded=true] {