remove sidebar import button
This commit is contained in:
parent
b442363f38
commit
f8e64c5afd
3 changed files with 1 additions and 17 deletions
|
|
@ -34,7 +34,6 @@ const ICONS = {
|
||||||
wines: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 22h8"/><path d="M12 15v7"/><path d="M7 10h10"/><path d="M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z"/></svg>',
|
wines: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 22h8"/><path d="M12 15v7"/><path d="M7 10h10"/><path d="M12 15a5 5 0 0 0 5-5c0-2-.5-4-2-8H9c-1.5 4-2 6-2 8a5 5 0 0 0 5 5Z"/></svg>',
|
||||||
settings: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19 12a7 7 0 0 0-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 0 0-2-1.2L14 3h-4l-.5 2.6a7 7 0 0 0-2 1.2l-2.4-1-2 3.5 2 1.5a7 7 0 0 0 0 2.4l-2 1.5 2 3.5 2.4-1a7 7 0 0 0 2 1.2L10 21h4l.5-2.6a7 7 0 0 0 2-1.2l2.4 1 2-3.5-2-1.5c.06-.4.1-.8.1-1.2z"/></svg>',
|
settings: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19 12a7 7 0 0 0-.1-1.2l2-1.5-2-3.5-2.4 1a7 7 0 0 0-2-1.2L14 3h-4l-.5 2.6a7 7 0 0 0-2 1.2l-2.4-1-2 3.5 2 1.5a7 7 0 0 0 0 2.4l-2 1.5 2 3.5 2.4-1a7 7 0 0 0 2 1.2L10 21h4l.5-2.6a7 7 0 0 0 2-1.2l2.4 1 2-3.5-2-1.5c.06-.4.1-.8.1-1.2z"/></svg>',
|
||||||
// arrow into a tray - import
|
// arrow into a tray - import
|
||||||
import: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v10"/><path d="m8 9 4 4 4-4"/><path d="M4 16v2.5A2.5 2.5 0 0 0 6.5 21h11a2.5 2.5 0 0 0 2.5-2.5V16"/></svg>',
|
|
||||||
config: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"/></svg>',
|
config: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"/></svg>',
|
||||||
folder: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>',
|
folder: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>',
|
||||||
trash: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6"/></svg>',
|
trash: () => '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 6h18M8 6V4h8v2M6 6l1 14h10l1-14M10 11v6M14 11v6"/></svg>',
|
||||||
|
|
@ -63,8 +62,7 @@ function setButtonIcons() {
|
||||||
'nav-library': ICONS.library(),
|
'nav-library': ICONS.library(),
|
||||||
'nav-prefixes': ICONS.prefixes(),
|
'nav-prefixes': ICONS.prefixes(),
|
||||||
'nav-wines': ICONS.wines(),
|
'nav-wines': ICONS.wines(),
|
||||||
'nav-settings': ICONS.settings(),
|
'nav-settings': ICONS.settings()
|
||||||
'btn-import-side': ICONS.import()
|
|
||||||
}
|
}
|
||||||
for (const [id, svg] of Object.entries(map)) {
|
for (const [id, svg] of Object.entries(map)) {
|
||||||
const el = document.getElementById(id)
|
const el = document.getElementById(id)
|
||||||
|
|
@ -817,7 +815,6 @@ function wireEvents() {
|
||||||
qsa('[data-nav]').forEach(btn => {
|
qsa('[data-nav]').forEach(btn => {
|
||||||
btn.addEventListener('click', () => showView(btn.dataset.nav))
|
btn.addEventListener('click', () => showView(btn.dataset.nav))
|
||||||
})
|
})
|
||||||
qs('#btn-import-side').addEventListener('click', startImportFlow)
|
|
||||||
qs('#btn-import-top').addEventListener('click', startImportFlow)
|
qs('#btn-import-top').addEventListener('click', startImportFlow)
|
||||||
qs('#btn-import-empty').addEventListener('click', startImportFlow)
|
qs('#btn-import-empty').addEventListener('click', startImportFlow)
|
||||||
qs('#btn-prefix-create').addEventListener('click', async () => {
|
qs('#btn-prefix-create').addEventListener('click', async () => {
|
||||||
|
|
|
||||||
|
|
@ -30,13 +30,6 @@
|
||||||
<button class="icon-button" data-nav="settings"></button>
|
<button class="icon-button" data-nav="settings"></button>
|
||||||
</sidebarelement>
|
</sidebarelement>
|
||||||
</div>
|
</div>
|
||||||
<div class="sidebar-bottom">
|
|
||||||
<hr>
|
|
||||||
<sidebarelement id="nav-import">
|
|
||||||
<indicator></indicator>
|
|
||||||
<button class="icon-button" id="btn-import-side"></button>
|
|
||||||
</sidebarelement>
|
|
||||||
</div>
|
|
||||||
</sidebar>
|
</sidebar>
|
||||||
|
|
||||||
<content>
|
<content>
|
||||||
|
|
|
||||||
|
|
@ -77,12 +77,6 @@ sidebar {
|
||||||
|
|
||||||
sidebarelement { display: block; position: relative; }
|
sidebarelement { display: block; position: relative; }
|
||||||
|
|
||||||
sidebar hr {
|
|
||||||
border: none;
|
|
||||||
border-top: var(--border-width) solid var(--light-border-color);
|
|
||||||
margin: 0.4rem 0.7rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
sidebarelement indicator {
|
sidebarelement indicator {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue