Fix: align sidebar menu items (#6138)

* Introduce sitebar-items.module.scss

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust sidebar item styles

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Use classnames from a scss module

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Set sidebar min width to 150px to keep readability

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Break words in long links

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust navigation paddings

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Remove unused scss file

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Updating bunch of snapshots

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev authored and GitHub committed 2022-09-01 12:52:55 +03:00
1 parent 2fe7668edc
commit 37318cab4e
23 files changed
+2219 -3938

No files matched your search

@@ -40,7 +40,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
>
<a
aria-current="page"
class="nav-item flex gaps align-center expandable active"
class="navItem active"
data-testid="sidebar-item-link-for-workloads"
href="/"
>
@@ -51,13 +51,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
class="icon"
/>
</i>
<span
class="link-text box grow"
>
<span>
Workloads
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -74,7 +72,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
class="navItem"
data-testid="sidebar-item-link-for-config"
href="/"
>
@@ -88,9 +86,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
list
</span>
</i>
<span
class="link-text box grow"
>
<span>
Config
</span>
</a>
@@ -101,7 +97,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
class="navItem"
data-testid="sidebar-item-link-for-network"
href="/"
>
@@ -115,13 +111,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
device_hub
</span>
</i>
<span
class="link-text box grow"
>
<span>
Network
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -138,7 +132,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
class="navItem"
data-testid="sidebar-item-link-for-storage"
href="/"
>
@@ -152,9 +146,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
storage
</span>
</i>
<span
class="link-text box grow"
>
<span>
Storage
</span>
</a>
@@ -165,7 +157,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
class="navItem"
data-testid="sidebar-item-link-for-helm"
href="/"
>
@@ -176,13 +168,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
class="icon"
/>
</i>
<span
class="link-text box grow"
>
<span>
Helm
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -199,7 +189,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
class="navItem"
data-testid="sidebar-item-link-for-user-management"
href="/"
>
@@ -213,9 +203,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
security
</span>
</i>
<span
class="link-text box grow"
>
<span>
Access Control
</span>
</a>
@@ -226,7 +214,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
class="navItem"
data-testid="sidebar-item-link-for-custom-resources"
href="/"
>
@@ -240,13 +228,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
extension
</span>
</i>
<span
class="link-text box grow"
>
<span>
Custom Resources
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -571,7 +557,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
>
<a
aria-current="page"
class="nav-item flex gaps align-center expandable active"
class="navItem active"
data-testid="sidebar-item-link-for-workloads"
href="/"
>
@@ -582,13 +568,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
class="icon"
/>
</i>
<span
class="link-text box grow"
>
<span>
Workloads
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -605,7 +589,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-config"
>
<a
class="nav-item flex gaps align-center"
class="navItem"
data-testid="sidebar-item-link-for-config"
href="/"
>
@@ -619,9 +603,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
list
</span>
</i>
<span
class="link-text box grow"
>
<span>
Config
</span>
</a>
@@ -632,7 +614,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-network"
>
<a
class="nav-item flex gaps align-center expandable"
class="navItem"
data-testid="sidebar-item-link-for-network"
href="/"
>
@@ -646,13 +628,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
device_hub
</span>
</i>
<span
class="link-text box grow"
>
<span>
Network
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -669,7 +649,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-storage"
>
<a
class="nav-item flex gaps align-center"
class="navItem"
data-testid="sidebar-item-link-for-storage"
href="/"
>
@@ -683,9 +663,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
storage
</span>
</i>
<span
class="link-text box grow"
>
<span>
Storage
</span>
</a>
@@ -696,7 +674,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-helm"
>
<a
class="nav-item flex gaps align-center expandable"
class="navItem"
data-testid="sidebar-item-link-for-helm"
href="/"
>
@@ -707,13 +685,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
class="icon"
/>
</i>
<span
class="link-text box grow"
>
<span>
Helm
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"
@@ -730,7 +706,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-user-management"
>
<a
class="nav-item flex gaps align-center"
class="navItem"
data-testid="sidebar-item-link-for-user-management"
href="/"
>
@@ -744,9 +720,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
security
</span>
</i>
<span
class="link-text box grow"
>
<span>
Access Control
</span>
</a>
@@ -757,7 +731,7 @@ exports[`installing helm chart from previously opened tab given tab for installi
data-testid="sidebar-item-custom-resources"
>
<a
class="nav-item flex gaps align-center expandable"
class="navItem"
data-testid="sidebar-item-link-for-custom-resources"
href="/"
>
@@ -771,13 +745,11 @@ exports[`installing helm chart from previously opened tab given tab for installi
extension
</span>
</i>
<span
class="link-text box grow"
>
<span>
Custom Resources
</span>
<i
class="Icon expand-icon box right material focusable"
class="Icon expandIcon material focusable"
>
<span
class="icon"