mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
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
1 parent
2fe7668edc
commit
37318cab4e
23 files changed
+2219
-3938
No files matched your search
@@ -39,7 +39,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
>
|
||||
<a
|
||||
aria-current="page"
|
||||
class="nav-item flex gaps align-center expandable active"
|
||||
class="navItem active"
|
||||
data-testid="sidebar-item-link-for-workloads"
|
||||
href="/"
|
||||
>
|
||||
@@ -50,13 +50,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
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"
|
||||
@@ -73,7 +71,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-config"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-config"
|
||||
href="/"
|
||||
>
|
||||
@@ -87,9 +85,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
list
|
||||
</span>
|
||||
</i>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Config
|
||||
</span>
|
||||
</a>
|
||||
@@ -100,17 +96,15 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-some-parent-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center expandable"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-parent-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some parent
|
||||
</span>
|
||||
<i
|
||||
class="Icon expand-icon box right material focusable"
|
||||
class="Icon expandIcon material focusable"
|
||||
>
|
||||
<span
|
||||
class="icon"
|
||||
@@ -127,7 +121,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-network"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center expandable"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-network"
|
||||
href="/"
|
||||
>
|
||||
@@ -141,13 +135,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
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"
|
||||
@@ -164,7 +156,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-storage"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-storage"
|
||||
href="/"
|
||||
>
|
||||
@@ -178,9 +170,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
storage
|
||||
</span>
|
||||
</i>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Storage
|
||||
</span>
|
||||
</a>
|
||||
@@ -191,13 +181,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-some-another-parent-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-another-parent-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some another parent
|
||||
</span>
|
||||
</a>
|
||||
@@ -208,7 +196,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-helm"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center expandable"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-helm"
|
||||
href="/"
|
||||
>
|
||||
@@ -219,13 +207,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
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"
|
||||
@@ -242,7 +228,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
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="/"
|
||||
>
|
||||
@@ -256,9 +242,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
security
|
||||
</span>
|
||||
</i>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Access Control
|
||||
</span>
|
||||
</a>
|
||||
@@ -269,7 +253,7 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
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="/"
|
||||
>
|
||||
@@ -283,13 +267,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
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"
|
||||
@@ -306,13 +288,11 @@ exports[`cluster - order of sidebar items when rendered renders 1`] = `
|
||||
data-testid="sidebar-item-some-other-parent-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-other-parent-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some other parent
|
||||
</span>
|
||||
</a>
|
||||
@@ -619,7 +599,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
>
|
||||
<a
|
||||
aria-current="page"
|
||||
class="nav-item flex gaps align-center expandable active"
|
||||
class="navItem active"
|
||||
data-testid="sidebar-item-link-for-workloads"
|
||||
href="/"
|
||||
>
|
||||
@@ -630,13 +610,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
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"
|
||||
@@ -653,7 +631,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-config"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-config"
|
||||
href="/"
|
||||
>
|
||||
@@ -667,9 +645,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
list
|
||||
</span>
|
||||
</i>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Config
|
||||
</span>
|
||||
</a>
|
||||
@@ -680,17 +656,15 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-some-parent-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center expandable"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-parent-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some parent
|
||||
</span>
|
||||
<i
|
||||
class="Icon expand-icon box right material focusable"
|
||||
class="Icon expandIcon material focusable"
|
||||
>
|
||||
<span
|
||||
class="icon"
|
||||
@@ -701,7 +675,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
</i>
|
||||
</a>
|
||||
<ul
|
||||
class="sub-menu"
|
||||
class="subMenu"
|
||||
>
|
||||
<div
|
||||
class="SidebarItem"
|
||||
@@ -710,13 +684,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-some-child-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-child-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some child
|
||||
</span>
|
||||
</a>
|
||||
@@ -728,13 +700,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-some-another-child-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-another-child-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some another child
|
||||
</span>
|
||||
</a>
|
||||
@@ -746,13 +716,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-some-other-child-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-other-child-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some other child
|
||||
</span>
|
||||
</a>
|
||||
@@ -765,7 +733,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-network"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center expandable"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-network"
|
||||
href="/"
|
||||
>
|
||||
@@ -779,13 +747,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
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"
|
||||
@@ -802,7 +768,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-storage"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-storage"
|
||||
href="/"
|
||||
>
|
||||
@@ -816,9 +782,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
storage
|
||||
</span>
|
||||
</i>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Storage
|
||||
</span>
|
||||
</a>
|
||||
@@ -829,13 +793,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-some-another-parent-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-another-parent-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some another parent
|
||||
</span>
|
||||
</a>
|
||||
@@ -846,7 +808,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-helm"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center expandable"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-helm"
|
||||
href="/"
|
||||
>
|
||||
@@ -857,13 +819,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
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"
|
||||
@@ -880,7 +840,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
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="/"
|
||||
>
|
||||
@@ -894,9 +854,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
security
|
||||
</span>
|
||||
</i>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Access Control
|
||||
</span>
|
||||
</a>
|
||||
@@ -907,7 +865,7 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
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="/"
|
||||
>
|
||||
@@ -921,13 +879,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
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"
|
||||
@@ -944,13 +900,11 @@ exports[`cluster - order of sidebar items when rendered when parent is expanded
|
||||
data-testid="sidebar-item-some-other-parent-id"
|
||||
>
|
||||
<a
|
||||
class="nav-item flex gaps align-center"
|
||||
class="navItem"
|
||||
data-testid="sidebar-item-link-for-some-other-parent-id"
|
||||
href="/"
|
||||
>
|
||||
<span
|
||||
class="link-text box grow"
|
||||
>
|
||||
<span>
|
||||
Some other parent
|
||||
</span>
|
||||
</a>
|
||||
|
||||
Reference in new issue
Block a user