Replaced btn-outline-* with btn-* to improve accessibility

This commit is contained in:
2025-10-10 23:57:07 +02:00
parent e9162632f3
commit 4e8adcf1ff
5 changed files with 13 additions and 13 deletions

View File

@@ -12,7 +12,7 @@
<div class="mb-4 d-flex flex-wrap gap-2"> <div class="mb-4 d-flex flex-wrap gap-2">
<button class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#createAssetModal"> <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createAssetModal">
@T["Create asset"] @T["Create asset"]
</button> </button>
</div> </div>
@@ -231,7 +231,7 @@
<div id="attributesContainer" class="d-flex flex-column gap-2"> <div id="attributesContainer" class="d-flex flex-column gap-2">
<!-- Dynamic attribute rows will appear here --> <!-- Dynamic attribute rows will appear here -->
</div> </div>
<button type="button" class="btn btn-sm btn-outline-success mt-3" id="addAttributeBtn"> <button type="button" class="btn btn-sm btn-success mt-3" id="addAttributeBtn">
@T["Add Attribute"] @T["Add Attribute"]
</button> </button>
</div> </div>
@@ -280,7 +280,7 @@
row.innerHTML = ` row.innerHTML = `
<input type="text" class="form-control" placeholder="Attribute name" data-attr-name /> <input type="text" class="form-control" placeholder="Attribute name" data-attr-name />
<input type="text" class="form-control" placeholder="Attribute value" data-attr-value /> <input type="text" class="form-control" placeholder="Attribute value" data-attr-value />
<button type="button" class="btn btn-outline-danger btn-sm btn-remove-attribute">✖</button> <button type="button" class="btn btn-danger btn-sm btn-remove-attribute">✖</button>
`; `;
attributesContainer.appendChild(row); attributesContainer.appendChild(row);
}); });
@@ -407,7 +407,7 @@
<h6 class="fw-bold mb-0">@T["Attributes"]</h6> <h6 class="fw-bold mb-0">@T["Attributes"]</h6>
</div> </div>
<div id="updateAttributesContainer" class="d-flex flex-column gap-2"></div> <div id="updateAttributesContainer" class="d-flex flex-column gap-2"></div>
<button type="button" class="btn btn-sm btn-outline-success mt-3" id="updateAddAttributeBtn"> <button type="button" class="btn btn-sm btn-success mt-3" id="updateAddAttributeBtn">
@T["Add Attribute"] @T["Add Attribute"]
</button> </button>
</div> </div>
@@ -457,7 +457,7 @@ document.addEventListener('DOMContentLoaded', () => {
row.innerHTML = ` row.innerHTML = `
<input type="text" class="form-control" placeholder="Attribute name" data-attr-name /> <input type="text" class="form-control" placeholder="Attribute name" data-attr-name />
<input type="text" class="form-control" placeholder="Attribute value" data-attr-value /> <input type="text" class="form-control" placeholder="Attribute value" data-attr-value />
<button type="button" class="btn btn-outline-danger btn-sm btn-remove-attribute">✖</button> <button type="button" class="btn btn-danger btn-sm btn-remove-attribute">✖</button>
`; `;
updateAttributesContainer.appendChild(row); updateAttributesContainer.appendChild(row);
}); });
@@ -504,7 +504,7 @@ document.addEventListener('DOMContentLoaded', () => {
row.innerHTML = ` row.innerHTML = `
<input type="text" class="form-control" value="${attrName}" data-attr-name /> <input type="text" class="form-control" value="${attrName}" data-attr-name />
<input type="text" class="form-control" value="${attrValue}" data-attr-value /> <input type="text" class="form-control" value="${attrValue}" data-attr-value />
<button type="button" class="btn btn-outline-danger btn-sm btn-remove-attribute">✖</button> <button type="button" class="btn btn-danger btn-sm btn-remove-attribute">✖</button>
`; `;
updateAttributesContainer.appendChild(row); updateAttributesContainer.appendChild(row);
} }

View File

@@ -10,7 +10,7 @@
<div class="container py-4"> <div class="container py-4">
<h2 class="mb-3">@T["Overview"]</h2> <h2 class="mb-3">@T["Overview"]</h2>
<div class="mb-4 d-flex flex-wrap gap-2"> <div class="mb-4 d-flex flex-wrap gap-2">
<button class="btn btn-outline-primary">@T["Inventory asset"]</button> <button class="btn btn-primary">@T["Inventory asset"]</button>
<button class="btn btn-outline-primary">@T["Create user"]</button> <button class="btn btn-primary">@T["Create user"]</button>
</div> </div>
</div> </div>

View File

@@ -12,9 +12,9 @@
<div class="mb-4 d-flex flex-wrap gap-2"> <div class="mb-4 d-flex flex-wrap gap-2">
<button class="btn btn-outline-primary">Dummy button</button> <button class="btn btn-primary">Dummy button</button>
<button class="btn btn-outline-secondary">Dummy button</button> <button class="btn btn-secondary">Dummy button</button>
<button class="btn btn-outline-danger">Dummy button</button> <button class="btn btn-danger">Dummy button</button>
</div> </div>

View File

@@ -12,7 +12,7 @@
<div class="mb-4 d-flex flex-wrap gap-2"> <div class="mb-4 d-flex flex-wrap gap-2">
<button class="btn btn-outline-primary">@T["Create location"]</button> <button class="btn btn-primary">@T["Create location"]</button>
</div> </div>

View File

@@ -13,7 +13,7 @@
<div class="mb-4 d-flex flex-wrap gap-2"> <div class="mb-4 d-flex flex-wrap gap-2">
<button class="btn btn-outline-primary">@T["Create user"]</button> <button class="btn btn-primary">@T["Create user"]</button>
</div> </div>