Skip to content

Commit

Permalink
Merge pull request #3013 from dusk-network/feature-2999
Browse files Browse the repository at this point in the history 
web-wallet: Fix button hover in Dashboard Menu
  • Loading branch information
@nortonandreev
nortonandreev authored Nov 26, 2024
2 parents b862ce6 + 10960d1 commit b04f96d
Show file tree
Hide file tree
Showing 4 changed files with 53 additions and 47 deletions.
2 changes: 2 additions & 0 deletions web-wallet/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Enhance Allocate flow on full amount allocation [#2938]
- Broken link in the stake warning [#2990]
- Change "Transaction created" copy [#2991]
- Fix button hover style in Dashboard Navigation Menu [#2999]
- Fix Dashboard navigation menu padding [#3000]

## [0.7.0] - 2024-11-11
Expand Down Expand Up @@ -365,6 +366,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
[#2990]: https://github.com/dusk-network/rusk/issues/2990
[#2991]: https://github.com/dusk-network/rusk/issues/2991
[#2997]: https://github.com/dusk-network/rusk/issues/2997
[#2999]: https://github.com/dusk-network/rusk/issues/2999
[#3000]: https://github.com/dusk-network/rusk/issues/3000
[#3006]: https://github.com/dusk-network/rusk/issues/3006
[#3010]: https://github.com/dusk-network/rusk/issues/3010
Expand Down
10 changes: 7 additions & 3 deletions web-wallet/src/lib/components/DashboardNav/DashboardNav.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
role="menuitem"
>
<span class="dashboard-nav__item-label">{label}</span>
{#if icons && icons.length}
{#if icons?.length}
<span class="dashboard-nav__item-icons">
{#each icons as icon (icon.path)}
<Icon path={icon.path} />
Expand All @@ -39,6 +39,7 @@
align-items: center;
justify-content: space-between;
padding: 0.5rem 0;
color: var(--on-surface-color) !important;
&:first-child {
padding-top: 0;
Expand All @@ -47,18 +48,21 @@
&:last-child {
padding-bottom: 0;
}
&:hover {
color: var(--anchor-color-on-surface) !important;
text-decoration: none !important;
}
}
&__item-label {
color: var(--on-surface-color);
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.6875rem;
}
&__item-icons {
color: var(--on-surface-color);
display: flex;
flex-direction: row;
gap: 0.625rem;
Expand Down
48 changes: 24 additions & 24 deletions web-wallet/src/lib/components/__tests__/__snapshots__/DashboardNav.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ exports[`DashboardNav > renders the DashboardNav component 1`] = `
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Something
</span>
Expand All @@ -35,7 +35,7 @@ exports[`DashboardNav > renders the DashboardNav component 1`] = `
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Send
</span>
Expand All @@ -50,13 +50,13 @@ exports[`DashboardNav > renders the DashboardNav component 1`] = `
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Receive
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand All @@ -80,13 +80,13 @@ exports[`DashboardNav > renders the DashboardNav component 1`] = `
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Stake
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand Down Expand Up @@ -150,7 +150,7 @@ exports[`DashboardNav > should display icons if the item's icon array is present
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Something
</span>
Expand All @@ -165,7 +165,7 @@ exports[`DashboardNav > should display icons if the item's icon array is present
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Send
</span>
Expand All @@ -180,13 +180,13 @@ exports[`DashboardNav > should display icons if the item's icon array is present
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Receive
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand All @@ -210,13 +210,13 @@ exports[`DashboardNav > should display icons if the item's icon array is present
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Stake
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand Down Expand Up @@ -280,7 +280,7 @@ exports[`DashboardNav > should not display icons if the item's icon array is emp
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Something
</span>
Expand All @@ -295,7 +295,7 @@ exports[`DashboardNav > should not display icons if the item's icon array is emp
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Send
</span>
Expand All @@ -310,13 +310,13 @@ exports[`DashboardNav > should not display icons if the item's icon array is emp
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Receive
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand All @@ -340,13 +340,13 @@ exports[`DashboardNav > should not display icons if the item's icon array is emp
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Stake
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand Down Expand Up @@ -410,7 +410,7 @@ exports[`DashboardNav > should not display icons if the item's icons array is un
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Something
</span>
Expand All @@ -425,7 +425,7 @@ exports[`DashboardNav > should not display icons if the item's icons array is un
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Send
</span>
Expand All @@ -440,13 +440,13 @@ exports[`DashboardNav > should not display icons if the item's icons array is un
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Receive
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand All @@ -470,13 +470,13 @@ exports[`DashboardNav > should not display icons if the item's icons array is un
tabindex="0"
>
<span
class="dashboard-nav__item-label svelte-16m2vzj"
class="dashboard-nav__item-label svelte-1opr8zc"
>
Stake
</span>
<span
class="dashboard-nav__item-icons svelte-16m2vzj"
class="dashboard-nav__item-icons svelte-1opr8zc"
>
<svg
Expand Down
Loading

0 comments on commit b04f96d

Please sign in to comment.