[#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) // 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.appendChild(document.getElementById("edit-favourites"));
favCat.setAttribute("data-help-title", "Favourite operations"); favCat.setAttribute("data-help-title", "Favourite operations");
favCat.setAttribute("data-help", `<p>This category displays your favourite operations.</p> 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}"> <a class="category-title" data-toggle="collapse" data-target="#${catName}">
${this.name} ${this.name}
</a> </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">`; <ul class="op-list">`;
for (let i = 0; i < this.opList.length; i++) { for (let i = 0; i < this.opList.length; i++) {

View file

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