zadam/trilium
1
1
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-02-24 23:13:43 +08:00
Code Issues Projects Releases Packages Wiki Activity

fixed button background (#2310)

Browse source 
* fixed button background

* fixed width
This commit is contained in:
Myzel394 2021-11-09 20:26:38 +00:00 committed by GitHub
parent 51348cfbad
commit 550a9fa711
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/public/app/widgets/note_tree.js
View file

@ -37,17 +37,27 @@ const TPL = `
padding-top: 5px; padding-top: 5px;
} }
.tree-actions {
padding: 4px 0;
background-color: var(--launcher-pane-background-color);
z-index: 100;
position: absolute;
bottom: 0;
display: flex;
align-items: flex-end;
justify-content: flex-end;
right: 11.77px;
}
button.tree-floating-button { button.tree-floating-button {
font-size: 1.5em; font-size: 1.5em;
padding: 2px; padding: 5px;
margin-right: 5px;
max-height: 34px; max-height: 34px;
color: var(--launcher-pane-text-color); color: var(--launcher-pane-text-color);
background-color: var(--button-background-color); background-color: var(--button-background-color);
border-radius: var(--button-border-radius); border-radius: var(--button-border-radius);
border: 1px solid transparent; border: 1px solid transparent;
z-index: 100;
position: absolute;
bottom: 13px;
} }
button.tree-floating-button:hover { button.tree-floating-button:hover {
@ -80,16 +90,19 @@ const TPL = `
<div class="tree"></div> <div class="tree"></div>
<button class="tree-floating-button bx bx-layer-minus collapse-tree-button" <div class="tree-actions">
title="Collapse note tree" <button class="tree-floating-button bx bx-layer-minus collapse-tree-button"
data-trigger-command="collapseTree"></button> title="Collapse note tree"
data-trigger-command="collapseTree"></button>
<button class="tree-floating-button bx bx-crosshair scroll-to-active-note-button"
title="Scroll to active note"
data-trigger-command="scrollToActiveNote"></button>
<button class="tree-floating-button bx bx-cog tree-settings-button"
title="Tree settings"></button>
</div>
<button class="tree-floating-button bx bx-crosshair scroll-to-active-note-button"
title="Scroll to active note"
data-trigger-command="scrollToActiveNote"></button>
<button class="tree-floating-button bx bx-cog tree-settings-button"
title="Tree settings"></button>
<div class="tree-settings-popup"> <div class="tree-settings-popup">
<div class="form-check"> <div class="form-check">