sugary/LarpixClient
1
0
Fork 0
forked from olcxjas-softworks/LarpixClient
Code Pull requests Activity

Add android debug signing & slightly improve css

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

2
.forgejo/workflows/Android.yaml
View file

@ -45,4 +45,4 @@ jobs:
uses: actions/upload-artifact@v3 uses: actions/upload-artifact@v3
with: with:
name: Android name: Android
path: ./android/app/build/outputs/apk/release/app-release-unsigned.apk path: ./android/app/build/outputs/apk/release/app-release.apk

2
android/app/build.gradle
View file

@ -18,6 +18,8 @@ android {
} }
buildTypes { buildTypes {
release { release {
signingConfig signingConfigs.debug
minifyEnabled false minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
} }

4
android/app/src/main/assets/public/index.html
View file

@ -48,14 +48,14 @@
<sidebarelement id="sidebar-inbox"> <sidebarelement id="sidebar-inbox">
<indicator> <indicator>
</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> <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> </button>
</sidebarelement> </sidebarelement>
<sidebarelement id="sidebar-profile"> <sidebarelement id="sidebar-profile">
<indicator> <indicator>
</indicator> </indicator>
<button class="icon-button" aria-label="Profile" onclick="gotoInbox()"> <button class="icon-button" aria-label="Profile" onclick="gotoSideProfilePopup()">
<img id="sidebar-pfp"> <img id="sidebar-pfp">
</button> </button>
</sidebarelement> </sidebarelement>

4
android/app/src/main/assets/public/main.js
View file

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

73
android/app/src/main/assets/public/style.css
View file

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

BIN
electron/assets/icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

BIN
icons/icon.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

4
webroot/index.html
View file

@ -48,14 +48,14 @@
<sidebarelement id="sidebar-inbox"> <sidebarelement id="sidebar-inbox">
<indicator> <indicator>
</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> <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> </button>
</sidebarelement> </sidebarelement>
<sidebarelement id="sidebar-profile"> <sidebarelement id="sidebar-profile">
<indicator> <indicator>
</indicator> </indicator>
<button class="icon-button" aria-label="Profile" onclick="gotoInbox()"> <button class="icon-button" aria-label="Profile" onclick="gotoSideProfilePopup()">
<img id="sidebar-pfp"> <img id="sidebar-pfp">
</button> </button>
</sidebarelement> </sidebarelement>

4
webroot/main.js
View file

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

73
webroot/style.css
View file

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