zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2024-12-26 09:12:08 +08:00
Code Issues Projects Releases Packages Wiki Activity

moved message area next to note title

Browse source
This commit is contained in:
azivner 2017-09-24 11:34:16 -04:00
parent 21f49ea7c5
commit 398a0bce5e
3 changed files with 11 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/templates/app.html
View file

@ -5,11 +5,6 @@
<title>Notecase web app</title>
</head>
<body>
<div id="top" style="grid-area: messages; text-align: center;">&nbsp;
<span id="top-message"></span>
<span id="error-message"></span>
</div>
<div class="hide-toggle" style="grid-area: search">
<p>
<label>Search:</label>
@ -59,14 +54,17 @@
<input autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">
<div class="hide-toggle">
<form action="logout" method="POST">
<span id="top-message"></span>
<span id="error-message"></span>
<button class="btn btn-sm" onclick="displaySettings();">Settings</button>
&nbsp;
<form action="logout" method="POST" style="display: inline;">
<input type="submit" class="btn btn-sm" value="Logout">
</form>
</div>
<div class="hide-toggle">
<button class="btn btn-sm" onclick="displaySettings();">Settings</button>
</div>
</div>
</div>

4
static/js/utils.js
View file

@ -1,7 +1,7 @@
function message(str) {
const top = $("#top-message");
top.fadeIn(1500);
top.fadeIn(1500).css("display","inline-block");
top.html(str);
top.fadeOut(1500);
}
@ -9,7 +9,7 @@ function message(str) {
function error(str) {
const error = $("#error-message");
error.show();
error.show().css("display","inline-block");
error.html(str);
error.fadeOut(10000);
}

6
static/style.css
View file

@ -17,6 +17,7 @@
}
#error-message {
margin-top: 2px;
display: none; /* initial state is hidden */
background-color: red;
color: white;
@ -71,11 +72,6 @@ span.fancytree-node.encrypted.fancytree-folder > span.fancytree-icon {
display: none;
}
#encryptButton img, #decryptButton img {
top: -5px;
position: relative;
}
body {
display: grid;
height: 100vh;