kenobi/dotfiles
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update page: ToDo

Browse Source
This commit is contained in:
Markus Dieckmann 2018-10-08 12:11:49 +02:00
parent 317209b5fc
commit b3c14224c3
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
startpage/.index.html.swp
View File

Binary file not shown.

9
startpage/main.html
View File

@ -40,6 +40,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 0;
} }
#search-field { #search-field {
width: 90%; width: 90%;
@ -99,9 +100,11 @@
height: auto; height: auto;
margin: 0em .5em; margin: 0em .5em;
transition:box-shadow 100ms ease-in-out; transition:box-shadow 100ms ease-in-out;
z-index: 0;
} }
.bookmark-set:hover { .bookmark-set:hover {
box-shadow: 0 0 8px rgba(255,255,255,0.9) box-shadow: 0 0 8px rgba(255,255,255,0.6);
z-index: 1;
} }
.bookmark-inner-container { .bookmark-inner-container {
overflow-y: visible; overflow-y: visible;
@ -147,7 +150,7 @@
<div class="bookmark-set"> <div class="bookmark-set">
<div class="bookmark-title">Daily</div> <div class="bookmark-title">Daily</div>
<div class="bookmark-inner-container"> <div class="bookmark-inner-container">
<a class="bookmark" href="https://todoist.com/" ><p class="box">Todoist</p></a> <a class="bookmark" href="https://to-do.microsoft.com/" ><p class="box">To Do</p></a>
<a class="bookmark" href="https://mail.google.com/" ><p class="box">gMail</p></a> <a class="bookmark" href="https://mail.google.com/" ><p class="box">gMail</p></a>
<a class="bookmark" href="https://drive.google.com/" ><p class="box">gDrive</p></a> <a class="bookmark" href="https://drive.google.com/" ><p class="box">gDrive</p></a>
<a class="bookmark" href="https://keep.google.com/" ><p class="box">gKeep</p></a> <a class="bookmark" href="https://keep.google.com/" ><p class="box">gKeep</p></a>
@ -243,10 +246,12 @@
document.addEventListener("keydown", event => { document.addEventListener("keydown", event => {
if (event.keyCode == 32) { if (event.keyCode == 32) {
document.getElementById('search').style.display = 'flex'; document.getElementById('search').style.display = 'flex';
document.getElementById('search').style.zIndex = 2;
document.getElementById('search-field').focus(); document.getElementById('search-field').focus();
} else if (event.keyCode == 27) { } else if (event.keyCode == 27) {
document.getElementById('search-field').value = ''; document.getElementById('search-field').value = '';
document.getElementById('search-field').blur(); document.getElementById('search-field').blur();
document.getElementById('search').style.zIndex = 0;
document.getElementById('search').style.display = 'none'; document.getElementById('search').style.display = 'none';
} }
}); });