style: quick fixes

small improvements in app style
- fade in splash screen
- notifications without sound
- change header style
- non selectable text app wide
- change logo
- lock button more accessible
- link to help
- tooltip on collapse delay
- tooltip on private / public event toggle
This commit is contained in:
cv
2021-06-12 23:10:38 +02:00
parent 6c37d2372f
commit 0f26be3c17
17 changed files with 82 additions and 81 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

+16 -4
View File
@@ -9,6 +9,10 @@
<title>ontime</title>
<style>
body {
-webkit-user-select: none;
user-select: none;
-webkit-app-region: drag;
animation: fadein 0s;
background-color: #0005;
}
h1 {
@@ -29,10 +33,10 @@
}
.lds-ellipsis div {
position: absolute;
width: 13px;
height: 13px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fffa;
background: #ff7597aa;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
@@ -51,6 +55,14 @@
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
@@ -79,7 +91,7 @@
</head>
<body>
<div class="container">
<img src="../../assets/images/logosbwa/LOGO-192.png" />
<img src="../../assets/logo.png" />
<h1>ontime · event timers</h1>
<div class="lds-ellipsis">
<div></div>
+3 -1
View File
@@ -41,10 +41,12 @@ const nodePath =
// TODO: Icons appear pixelated
const trayIcon = path.join(__dirname, './assets/images/logos/LOGO-512.png');
const appIcon = path.join(__dirname, './assets/images/logos/LOGO-512.png');
function showNotification(text) {
new Notification({
title: 'ontime',
body: text,
silent: true,
}).show();
}
@@ -253,6 +255,6 @@ ipcMain.on('send-to-link', (event, arg) => {
// send to help URL
if (arg === 'help') {
shell.openExternal('http://blank');
shell.openExternal('https://cpvalente.gitbook.io/ontime/');
}
});