Show delete button when not expanded

This commit is contained in:
AKORA 2024-10-07 17:37:44 +02:00
parent dcf1a1c71f
commit 16a304f6c0
3 changed files with 35 additions and 7 deletions

View file

@ -242,3 +242,28 @@ table td:last-of-type {
max-width: calc(0.8333333333 * 1440px);
}
}
#sitePreferencesTable > li > details > summary {
list-style: none;
vertical-align: middle;
}
#sitePreferencesTable > li > details > summary::-webkit-details-marker {
display: none;
}
#sitePreferencesTable > li > details > summary > div > div:first-child{
display: flex;
align-items: center;
}
#sitePreferencesTable > li > details > summary > div > div:first-child::before {
content: '►';
padding-right: 1rem;
}
#sitePreferencesTable > li > details[open] > summary > div > div:first-child::before {
content: '▼';
padding-right: 1rem;
}

View file

@ -742,7 +742,15 @@
<li class="clone d-none list-group-item">
<details>
<summary>
<span></span>
<div class="row justify-content-between">
<div class="col-auto"></div>
<div class="col-auto">
<button id="deleteButton" class="btn btn-sm delete btn-danger btn" data-i18n="[title]removeSitePreferencesButtonTitle">
<i class="fa fa-remove" aria-hidden="true"></i>
<span data-i18n="optionsButtonRemove"></span>
</button>
</div>
</div>
</summary>
<div class="m-3">
@ -800,11 +808,6 @@
<div class="form-text" data-i18n="optionsAutoFillSingleTotpHelpText"></div>
</div>
</div>
<button id="deleteButton" class="btn btn-sm delete btn-danger btn mt-3" data-i18n="[title]removeSitePreferencesButtonTitle">
<i class="fa fa-remove" aria-hidden="true"></i>
<span data-i18n="optionsButtonRemove"></span>
</button>
</div>
</details>
</li>

View file

@ -577,7 +577,7 @@ options.initSitePreferences = function() {
row.setAttribute('id', 'tr-scf' + newIndex);
const details = row.children[0];
details.children[0].children[0].textContent = url;
details.children[0].children[0].children[0].textContent = url;
details.querySelector('#ignore').value = ignore;
details.querySelector('#ignore').addEventListener('change', selectionChanged);
details.querySelector('#usernameOnly').checked = usernameOnly;