From c04d9bfcd176662c0fb221cec8c6144a4508c8c9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Kry=C5=A1p=C3=ADn?= Date: Tue, 21 Jan 2025 21:10:23 +0100 Subject: [PATCH] Feat(web): Introduce Vertical Navigation #DS-1627 --- .../src/scss/components/Navigation/README.md | 19 +- .../components/Navigation/_Navigation.scss | 17 +- .../Navigation/_NavigationAction.scss | 98 ++++++-- .../Navigation/_NavigationItem.scss | 20 +- .../scss/components/Navigation/_theme.scss | 38 ++-- .../src/scss/components/Navigation/index.html | 210 +++++++++++++++++- .../navigation-chromium-linux.png | Bin 22289 -> 73034 bytes 7 files changed, 348 insertions(+), 54 deletions(-) diff --git a/packages/web/src/scss/components/Navigation/README.md b/packages/web/src/scss/components/Navigation/README.md index e11cba6d26..df301c83eb 100644 --- a/packages/web/src/scss/components/Navigation/README.md +++ b/packages/web/src/scss/components/Navigation/README.md @@ -12,8 +12,17 @@ It consists of these parts: The `Navigation` is a `nav` wrapper for lists of actions or other navigation components. +The `Navigation` component can be horizontal or vertical. + ```html -