corbz/PYRSS-Website
corbz/PYRSS-Website
1
0
Fork 0
Code Issues 21 Pull Requests Actions Releases 1 Wiki Activity

yellow dot - mobile friendly
All checks were successful
Build and Push Docker Image / build (push) Successful in 17s
Details

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-09-18 14:13:00 +01:00
parent 1ae571489d
commit 049beb778f
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/static/css/home/index.css
View File

@ -138,6 +138,23 @@ td > .btn-link {
color: var(--bs-text-body);
}
/* Yellow Dot Indicator for the server sidebar */
.dot-container {
width: .75rem;
height: .75rem;
display: flex;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 992px) {
.dot-container {
transform: translate(25%, -25%);
}
}
.dot-icon {
height: .75rem;
width: .75rem;

4
apps/templates/home/index.html
View File

@ -134,8 +134,8 @@
</li>
</script>
<script id="serverItemIconTemplate" type="text/template">
<div class="position-absolute top-0 end-0 badge rounded-1 fs-5 p-1" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="dot-icon bg-warning"></i>
<div class="dot-container m-1" data-bs-toggle="tooltip" data-bs-placement="right">
<i class="dot-icon bg-warning "></i>
</div>
</script>
<script src="{% static 'js/api.js' %}"></script>