olcxjas-softworks/LarpixClient
2
0
Fork 1
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions 3

Add android debug signing & slightly improve css
All checks were successful
Android Build / publish (push) Successful in 27s
Details
Linux Build / publish (push) Successful in 51s
Details

Browse source
This commit is contained in:
olcxja 2026-05-14 00:11:34 +02:00
commit 9ad5bc99cc
10 changed files with 109 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

4
webroot/index.html
View file

@ -48,14 +48,14 @@
<sidebarelement id="sidebar-inbox">
<indicator>
</indicator>
<button class="icon-button" aria-label="Inbox" onclick="gotoSideInboxPopup()">
<button class="icon-button" aria-label="Inbox" onclick="gotoInbox()">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor"><path d="M216-144q-29 0-50.5-21.5T144-216v-528q0-29.7 21.5-50.85Q187-816 216-816h528q29.7 0 50.85 21.15Q816-773.7 816-744v528q0 29-21.15 50.5T744-144H216Zm0-72h528v-144H632q-23 43-63.5 69.5T480-264q-49 0-89.5-26T328-360H216v144Zm332-148q28-28 28-68h168v-312H216v312h168q0 40 28 68t68 28q40 0 68-28ZM216-216h528-528Z"/></svg>
</button>
</sidebarelement>
<sidebarelement id="sidebar-profile">
<indicator>
</indicator>
<button class="icon-button" aria-label="Profile" onclick="gotoInbox()">
<button class="icon-button" aria-label="Profile" onclick="gotoSideProfilePopup()">
<img id="sidebar-pfp">
</button>
</sidebarelement>

4
webroot/main.js
View file

@ -693,7 +693,7 @@ addGroupBtn.addEventListener("click", async () => {
roomContentMain.style.opacity = "";
});
/* replaced with css
sidebarHomeButton.addEventListener("mouseenter", () => {
sidebarHomeIndicator.classList.add("hover");
});
@ -721,7 +721,7 @@ sidebarInboxButton.addEventListener("mouseenter", () => {
sidebarInboxButton.addEventListener("mouseleave", () => {
sidebarInboxIndicator.classList.remove("hover");
});
*/
function gotoSideProfilePopup() {

73
webroot/style.css
View file

@ -66,6 +66,8 @@ loading {
color: var(--text-color);
font-family: "Nunito", sans-serif;
-webkit-tap-highlight-color: transparent;
user-select: none !important;
-webkit-user-drag: none !important;
}
button, input {
@ -111,16 +113,7 @@ indicator.notification {
border-radius: 0.8rem;
transform: translateY(calc( ( var(--icon-button-height) + (var(--button-margin) * 2) ) / 2 - 0.25rem));
}
indicator.hover {
content: "";
position: absolute;
width: 0;
height: 1.2rem;
left: -0.08rem;
border: 0.15rem solid var(--text-color);
border-radius: 0.8rem;
transform: translateY(calc( ( var(--icon-button-height) + (var(--button-margin) * 2) ) / 2 - 0.6rem));
}
indicator.active {
content: "";
position: absolute;
@ -142,14 +135,14 @@ indicator.active {
.icon-button svg {
width: var(--icon-button-size);
height: var(--icon-button-size);
pointer-events: none !important;
}
.icon-button img {
width: calc(var(--icon-button-height) - (var(--border-width) * 2));
height: calc(var(--icon-button-height) - (var(--border-width) * 2));
pointer-events: none !important;
}
button:hover, input:hover {
background-color: rgba(255, 255, 255, 0.1);
}
button:active, input:active {
transform: var(--press-scale);
}
@ -219,11 +212,6 @@ sidebar.second {
color: rgba(255, 255, 255, 0.5);
}
.add-action-button:hover {
background-color: rgba(255, 255, 255, 0.1);
color: var(--text-color);
}
.add-action-button svg {
width: 1.25rem;
height: 1.25rem;
@ -349,7 +337,6 @@ herotitle {
z-index: 1;
}
.submit-button {
justify-content: center;
background-color: var(--text-color);
@ -359,11 +346,49 @@ herotitle {
font-size: 1.05rem;
}
.submit-button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.bottom-element {
margin-top: auto;
}
@media (hover: hover) {
sidebarelement:hover indicator:not(.active) {
content: "";
position: absolute;
width: 0;
height: 1.2rem;
left: -0.08rem;
border: 0.15rem solid var(--text-color);
border-radius: 0.8rem;
transform: translateY(calc( ( var(--icon-button-height) + (var(--button-margin) * 2) ) / 2 - 0.6rem));
}
button:hover, input:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.submit-button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.add-action-button:hover {
background-color: rgba(255, 255, 255, 0.1);
color: var(--text-color);
}
}
button:active, input:active {
background-color: rgba(255, 255, 255, 0.1);
}
.submit-button:active {
background-color: rgba(255, 255, 255, 0.5);
}
.add-action-button:active {
background-color: rgba(255, 255, 255, 0.1);
color: var(--text-color);
}
sidebarelement:has(.icon-button:active) indicator:not(.active) {
content: "";
position: absolute;
width: 0;
height: 1.2rem;
left: -0.08rem;
border: 0.15rem solid var(--text-color);
border-radius: 0.8rem;
transform: translateY(calc( ( var(--icon-button-height) + (var(--button-margin) * 2) ) / 2 - 0.6rem));
}