Fixed zoomed in state issues for WCAG 2.2 1.4.4 compliance

This commit is contained in:
2025-11-28 11:23:12 +01:00
parent b31afb7589
commit 4463010fb9
3 changed files with 22 additions and 14 deletions

View File

@@ -666,11 +666,11 @@
<label class="form-label" for="detailCity">@T["City"]</label> <label class="form-label" for="detailCity">@T["City"]</label>
<input type="text" class="form-control" id="detailCity" value="" disabled /> <input type="text" class="form-control" id="detailCity" value="" disabled />
</div> </div>
<div class="col-md-6"> <div class="col-md-5">
<label class="form-label" for="detailStreet">@T["Street"]</label> <label class="form-label" for="detailStreet">@T["Street"]</label>
<input type="text" class="form-control" id="detailStreet" value="" disabled /> <input type="text" class="form-control" id="detailStreet" value="" disabled />
</div> </div>
<div class="col-md-2"> <div class="col-md-3">
<label class="form-label" for="detailStreetNr">@T["Street Nr."]</label> <label class="form-label" for="detailStreetNr">@T["Street Nr."]</label>
<input type="text" class="form-control" id="detailStreetNr" value="" disabled /> <input type="text" class="form-control" id="detailStreetNr" value="" disabled />
</div> </div>

View File

@@ -128,10 +128,10 @@
</table> </table>
<div class="attributes"></div> <div class="attributes"></div>
<div class="row mb-2"> <div class="row mb-2">
<div class="col-md-8 mt-2"> <div class="col-md-6 mt-2">
<button type="button" class="btn btn-danger" id="Presets.@(preset.Key).Delete" data-type="deletePreset">@T["Delete preset"]</button> <button type="button" class="btn btn-danger" id="Presets.@(preset.Key).Delete" data-type="deletePreset">@T["Delete preset"]</button>
</div> </div>
<div class="col-md-4 ms-auto mt-2"> <div class="col-md-6 ms-auto mt-2">
<button type="button" class="btn btn-primary" data-type="addAttribute">@T["Add attribute"]</button> <button type="button" class="btn btn-primary" data-type="addAttribute">@T["Add attribute"]</button>
</div> </div>
</div> </div>
@@ -423,10 +423,10 @@
<tbody class="attributes"></tbody> <tbody class="attributes"></tbody>
</table> </table>
<div class="row mb-4"> <div class="row mb-4">
<div class="col-md-4"> <div class="col-md-6">
<button type="button" class="btn btn-danger" id="Presets.${presetId}.Delete" data-type="deletePreset">@T["Delete preset"]</button> <button type="button" class="btn btn-danger" id="Presets.${presetId}.Delete" data-type="deletePreset">@T["Delete preset"]</button>
</div> </div>
<div class="col-md-4 ms-auto"> <div class="col-md-6 ms-auto">
<button type="button" class="btn btn-primary" data-type="addAttribute">@T["Add attribute"]</button> <button type="button" class="btn btn-primary" data-type="addAttribute">@T["Add attribute"]</button>
</div> </div>
</div> </div>

View File

@@ -32,29 +32,37 @@
</div> </div>
<h4 class="fw-bold">@T["Personal data"]</h4> <h4 class="fw-bold">@T["Personal data"]</h4>
<div class="row g-3 mb-3"> <div class="row g-3 mb-3">
<div class="col-md-1"> <div class="col-md-2">
<label class="form-label" for="title">@T["Title"]</label> <label class="form-label" for="title">@T["Title"]</label>
<input type="text" id="title" class="form-control" value="@Model.userModel.Title" readonly/> <input type="text" id="title" class="form-control" value="@Model.userModel.Title" readonly/>
</div> </div>
<div class="col-md-4"> <div class="col-md-5">
<label class="form-label" for="name">@T["Name"]</label> <label class="form-label" for="name">@T["Name"]</label>
<input type="text" id="name" class="form-control" value="@Model.userModel.Cn" readonly/> <input type="text" id="name" class="form-control" value="@Model.userModel.Cn" readonly/>
</div> </div>
<div class="col-md-4"> <div class="col-md-5">
<label class="form-label" for="surname">@T["Surname"]</label> <label class="form-label" for="surname">@T["Surname"]</label>
<input type="text" id="surname" class="form-control" value="@Model.userModel.Sn" readonly/> <input type="text" id="surname" class="form-control" value="@Model.userModel.Sn" readonly/>
</div> </div>
</div> </div>
<div class="row g-3 mb-3"> <div class="row g-3 mb-3">
<div class="col-md-2"> <div class="col-md-4">
<label class="form-label" for="detailCity">@T["City"]</label>
<input type="text" class="form-control" id="detailCity" value="@Model.userModel.Description?.Address.City" readonly />
</div>
<div class="col-md-5">
<label class="form-label" for="detailStreet">@T["Street"]</label>
<input type="text" class="form-control" id="detailStreet" value="@Model.userModel.Description?.Address.Street" readonly />
</div>
<div class="col-md-3">
<label class="form-label" for="detailStreetNr">@T["Street Nr."]</label>
<input type="text" class="form-control" id="detailStreetNr" value="@Model.userModel.Description?.Address.StreetNr" readonly />
</div>
<div class="col-md-3">
<label class="form-label" for="birthdate">@T["Birth date"]</label> <label class="form-label" for="birthdate">@T["Birth date"]</label>
<input type="text" id="birthdate" class="form-control" value="@Model.userModel.Description?.BirthDate" readonly/> <input type="text" id="birthdate" class="form-control" value="@Model.userModel.Description?.BirthDate" readonly/>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<label class="form-label" for="address">@T["Address"]</label>
<input type="text" id="address" class="form-control" value="@Model.userModel.Description?.Address" readonly/>
</div>
<div class="col-md-3">
<label class="form-label" for="workplace">@T["Workplace"]</label> <label class="form-label" for="workplace">@T["Workplace"]</label>
<input type="text" id="workplace" class="form-control" value="@Model.userModel.Description?.Workplace" readonly/> <input type="text" id="workplace" class="form-control" value="@Model.userModel.Description?.Workplace" readonly/>
</div> </div>