frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Fix menu padding for pull-left submenus

Browse Source
This commit is contained in:
Nick O'Leary 2022-07-08 13:06:05 +01:00
parent 18f9ab0cda
commit 69beecf334
No known key found for this signature in database
GPG Key ID: 4F2157149161A6C9
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/node_modules/@node-red/editor-client/src/sass/dropdownMenu.scss vendored
View File

@ -63,11 +63,14 @@
padding: 4px 12px 4px 12px; padding: 4px 12px 4px 12px;
} }
&.red-ui-menu-dropdown-submenus > li > a, &.red-ui-menu-dropdown-submenus.red-ui-menu-dropdown-direction-right > li > a,
&.red-ui-menu-dropdown-submenus > li > a:focus { &.red-ui-menu-dropdown-submenus.red-ui-menu-dropdown-direction-right > li > a:focus {
padding-right: 20px; padding-right: 20px;
} }
&.red-ui-menu-dropdown-submenus.red-ui-menu-dropdown-direction-left > li > a,
&.red-ui-menu-dropdown-submenus.red-ui-menu-dropdown-direction-left > li > a:focus {
padding-left: 20px;
}
& > .active > a, & > .active > a,
@ -199,7 +202,7 @@
width: 0; width: 0;
height: 0; height: 0;
margin-top: 5px; margin-top: 5px;
margin-left: -8px; margin-left: -15px;
/* Caret Arrow */ /* Caret Arrow */
border-color: transparent; border-color: transparent;
border-right-color: var(--red-ui-menuCaret); border-right-color: var(--red-ui-menuCaret);

3
packages/node_modules/@node-red/editor-client/src/sass/header.scss vendored
View File

@ -191,7 +191,7 @@
margin-top: 0; margin-top: 0;
li a { li a {
color: var(--red-ui-header-menu-color); color: var(--red-ui-header-menu-color);
padding: 3px 10px 3px 40px; padding: 3px 10px 3px 30px;
img { img {
max-width: 100%; max-width: 100%;
margin-right: 10px; margin-right: 10px;
@ -243,6 +243,7 @@
} }
.red-ui-menu-dropdown-submenu>a:before { .red-ui-menu-dropdown-submenu>a:before {
border-right-color: var(--red-ui-headerMenuCaret); border-right-color: var(--red-ui-headerMenuCaret);
margin-left: -25px !important;
} }
/* Deploy menu customisations */ /* Deploy menu customisations */