[#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

@ -43,7 +43,7 @@ class HTMLCategory {
<a class="category-title" data-toggle="collapse" data-target="#${catName}">
${this.name}
</a>
<div id="${catName}" class="panel-collapse collapse ${(this.selected ? " show" : "")}" data-parent="#categories">
<div id="${catName}" class="panel-collapse collapse ${(this.selected ? "show" : "")}" data-parent="#categories">
<ul class="op-list">`;
for (let i = 0; i < this.opList.length; i++) {

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] {