Add android debug signing & slightly improve css
This commit is contained in:
parent
80bee6c17d
commit
9ad5bc99cc
10 changed files with 109 additions and 57 deletions
|
|
@ -18,6 +18,8 @@ android {
|
|||
}
|
||||
buildTypes {
|
||||
release {
|
||||
signingConfig signingConfigs.debug
|
||||
|
||||
minifyEnabled false
|
||||
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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() {
|
||||
|
||||
|
|
|
|||
|
|
@ -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));
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue