style(next): promoted attributes widget: tweak buttons

This commit is contained in:
Adorian Doran 2025-02-22 00:53:24 +02:00
parent 0c88c4c3ee
commit e93d47f664
2 changed files with 13 additions and 6 deletions

View File

@ -272,7 +272,7 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
if (definition.multiplicity === "multi") {
const $addButton = $("<span>")
.addClass("bx bx-plus pointer")
.addClass("bx bx-plus pointer tn-tool-button")
.prop("title", t("promoted_attributes.add_new_attribute"))
.on("click", async () => {
const $new = await this.createPromotedAttributeCell(
@ -292,7 +292,7 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
});
const $removeButton = $("<span>")
.addClass("bx bx-trash pointer")
.addClass("bx bx-trash pointer tn-tool-button")
.prop("title", t("promoted_attributes.remove_this_attribute"))
.on("click", async () => {
const attributeId = $input.attr("data-attribute-id");

View File

@ -1877,3 +1877,10 @@ div.promoted-attribute-cell input {
padding: 2px 8px;
font-weight: 500;
}
div.promoted-attribute-cell .multiplicity {
--icon-button-size: 28px;
margin-left: 8px;
font-size: 0; /* Prevent whitespaces creating a gap between buttons */
}