@iroco/ui 0.51.2 → 0.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NavBar.svelte +11 -0
- package/NavBar.svelte.d.ts +1 -0
- package/Navigation.svelte +3 -1
- package/Navigation.svelte.d.ts +1 -0
- package/package.json +1 -1
package/NavBar.svelte
CHANGED
|
@@ -4,6 +4,7 @@ import { navigating } from "$app/stores";
|
|
|
4
4
|
import { NavigationItemType } from "./definition.js";
|
|
5
5
|
export let navigationItems;
|
|
6
6
|
export let type;
|
|
7
|
+
export let version = null;
|
|
7
8
|
let active;
|
|
8
9
|
const dispatch = createEventDispatcher();
|
|
9
10
|
const handleClickLink = (menuItem) => {
|
|
@@ -50,6 +51,7 @@ $:
|
|
|
50
51
|
</li>
|
|
51
52
|
{/each}
|
|
52
53
|
</ul>
|
|
54
|
+
<div class="nav__version">{version == null ? '' : version}</div>
|
|
53
55
|
</nav>
|
|
54
56
|
|
|
55
57
|
<style>.font-color-blue {
|
|
@@ -616,6 +618,12 @@ $:
|
|
|
616
618
|
border-bottom: 1px solid #00d692;
|
|
617
619
|
}
|
|
618
620
|
|
|
621
|
+
.nav__sidebar__version {
|
|
622
|
+
margin-left: auto;
|
|
623
|
+
padding-left: 2em;
|
|
624
|
+
color: #464452;
|
|
625
|
+
}
|
|
626
|
+
|
|
619
627
|
.nav__topbar {
|
|
620
628
|
flex-grow: 1;
|
|
621
629
|
display: flex;
|
|
@@ -674,6 +682,9 @@ $:
|
|
|
674
682
|
.nav__sidebar__item:first-child {
|
|
675
683
|
border-top: 1px solid #464452;
|
|
676
684
|
}
|
|
685
|
+
.nav__sidebar__version {
|
|
686
|
+
display: none;
|
|
687
|
+
}
|
|
677
688
|
.nav__topbar {
|
|
678
689
|
height: 100%;
|
|
679
690
|
}
|
package/NavBar.svelte.d.ts
CHANGED
package/Navigation.svelte
CHANGED
|
@@ -5,6 +5,7 @@ import NavBar from "./NavBar.svelte";
|
|
|
5
5
|
export let navigationItems;
|
|
6
6
|
export let type = "topbar";
|
|
7
7
|
export let title = null;
|
|
8
|
+
export let version = null;
|
|
8
9
|
let showMenu = false;
|
|
9
10
|
</script>
|
|
10
11
|
|
|
@@ -28,6 +29,7 @@ let showMenu = false;
|
|
|
28
29
|
on:click={() => (showMenu = false)}
|
|
29
30
|
{type}
|
|
30
31
|
{navigationItems}
|
|
32
|
+
{version}
|
|
31
33
|
/>
|
|
32
34
|
{/if}
|
|
33
35
|
</div>
|
|
@@ -41,7 +43,7 @@ let showMenu = false;
|
|
|
41
43
|
<h1>{title}</h1>
|
|
42
44
|
{/if}
|
|
43
45
|
</div>
|
|
44
|
-
<NavBar {navigationItems} {type} />
|
|
46
|
+
<NavBar {navigationItems} {type} {version} />
|
|
45
47
|
</div>
|
|
46
48
|
|
|
47
49
|
<style>.font-color-blue {
|
package/Navigation.svelte.d.ts
CHANGED