DomGarguilo commented on code in PR #6355:
URL: https://github.com/apache/accumulo/pull/6355#discussion_r3174092654
##########
server/monitor/src/main/resources/org/apache/accumulo/monitor/templates/navbar.ftl:
##########
@@ -78,7 +78,12 @@
<span style="font-size: 1.2em;" class="bi
bi-three-dots-vertical"></span>
</a>
<ul class="dropdown-menu dropdown-menu-end">
- <li><a class="dropdown-item auto-refresh"
style="cursor:pointer">Auto-Refresh</a></li>
+ <li>
+ <div class="form-check form-check-reverse form-switch">
+ <input id="autoRefreshSwitch" class="form-check-input"
type="checkbox" role="switch">
+ <label class="form-check-label"
for="autoRefreshSwitch">Auto-Refresh</label>
+ </div>
Review Comment:
```suggestion
<div class="dropdown-item d-flex justify-content-between
align-items-center">
<label class="mb-0"
for="autoRefreshSwitch">Auto-Refresh</label>
<div class="form-check form-switch mb-0 ms-3">
<input id="autoRefreshSwitch" class="form-check-input
mt-0" type="checkbox" role="switch">
</div>
</div>
```
Was able to get things to look a bit more centered (although not perfect)
with the suggested changes. It took some finagling and I'm not certain all of
this is needed but it seems to be looking okay and working well. Here is a
screenshot with this extra `<li>` pasted into the browsers HTML:
<img width="349" height="293" alt="Image"
src="https://github.com/user-attachments/assets/de2e9c5e-4f89-4da6-af7d-d0dc7ffc5861";
/>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
