@npm_leadtech/legal-lib-components 7.12.4 → 7.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -90,7 +90,7 @@ export const MenuItemsStyled = styled.div `
|
|
|
90
90
|
.navigation-pane__resources,
|
|
91
91
|
.navigation-pane__help {
|
|
92
92
|
position: relative;
|
|
93
|
-
margin-left: 0.5rem;
|
|
93
|
+
//margin-left: 0.5rem;
|
|
94
94
|
padding: 0.75rem 0;
|
|
95
95
|
cursor: pointer;
|
|
96
96
|
|
|
@@ -139,9 +139,15 @@ export const MenuItemsStyled = styled.div `
|
|
|
139
139
|
position: absolute;
|
|
140
140
|
left: 0;
|
|
141
141
|
}
|
|
142
|
+
|
|
143
|
+
.resources__list {
|
|
144
|
+
@media ${device['mobile']} {
|
|
145
|
+
margin-bottom: 2rem;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
|
|
142
149
|
@media ${device['mobile']} {
|
|
143
150
|
position: static;
|
|
144
|
-
margin-bottom: 2rem;
|
|
145
151
|
}
|
|
146
152
|
}
|
|
147
153
|
|
|
@@ -91,7 +91,7 @@ export const MenuItemsStyled = styled.div`
|
|
|
91
91
|
.navigation-pane__resources,
|
|
92
92
|
.navigation-pane__help {
|
|
93
93
|
position: relative;
|
|
94
|
-
margin-left: 0.5rem;
|
|
94
|
+
//margin-left: 0.5rem;
|
|
95
95
|
padding: 0.75rem 0;
|
|
96
96
|
cursor: pointer;
|
|
97
97
|
|
|
@@ -140,9 +140,15 @@ export const MenuItemsStyled = styled.div`
|
|
|
140
140
|
position: absolute;
|
|
141
141
|
left: 0;
|
|
142
142
|
}
|
|
143
|
+
|
|
144
|
+
.resources__list {
|
|
145
|
+
@media ${device['mobile']} {
|
|
146
|
+
margin-bottom: 2rem;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
143
150
|
@media ${device['mobile']} {
|
|
144
151
|
position: static;
|
|
145
|
-
margin-bottom: 2rem;
|
|
146
152
|
}
|
|
147
153
|
}
|
|
148
154
|
|
|
@@ -4,8 +4,8 @@ import { Logo, TopBar } from '../../atoms';
|
|
|
4
4
|
import { HeaderStyled } from './Header.styled';
|
|
5
5
|
import { NavMenu } from '../../organisms/NavMenu';
|
|
6
6
|
const Header = forwardRef(({ mainHeaderProps, topBarProps, navMenuProps }, ref) => {
|
|
7
|
-
const { classnames,
|
|
8
|
-
return (_jsxs(HeaderStyled, { className: `header ${classnames}`, ref: ref, id: 'header', children: [_jsx(TopBar, { ...topBarProps }), _jsxs("span", { itemScope: true, itemType: 'https://www.schema.org/Brand', className: 'wrapper flex header__inner', children: [_jsx("a", { "data-qa": 'Header_Logo', className: 'header__logo', href: '/', children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }),
|
|
7
|
+
const { classnames, siteName } = mainHeaderProps;
|
|
8
|
+
return (_jsxs(HeaderStyled, { className: `header ${classnames}`, ref: ref, id: 'header', children: [_jsx(TopBar, { ...topBarProps }), _jsxs("span", { itemScope: true, itemType: 'https://www.schema.org/Brand', className: 'wrapper flex header__inner', children: [_jsx("a", { "data-qa": 'Header_Logo', className: 'header__logo', href: '/', children: _jsx(Logo, { siteName: siteName, width: '188', height: '32' }) }), _jsx(NavMenu, { ...navMenuProps })] })] }));
|
|
9
9
|
});
|
|
10
10
|
Header.displayName = 'Header';
|
|
11
11
|
export default Header;
|
|
@@ -7,7 +7,7 @@ import { NavMenu } from '../../organisms/NavMenu'
|
|
|
7
7
|
|
|
8
8
|
const Header = forwardRef<HTMLDivElement, HeaderProps>(
|
|
9
9
|
({ mainHeaderProps, topBarProps, navMenuProps }, ref): ReactElement => {
|
|
10
|
-
const { classnames,
|
|
10
|
+
const { classnames, siteName } = mainHeaderProps
|
|
11
11
|
|
|
12
12
|
return (
|
|
13
13
|
<HeaderStyled className={`header ${classnames}`} ref={ref} id='header'>
|
|
@@ -16,7 +16,7 @@ const Header = forwardRef<HTMLDivElement, HeaderProps>(
|
|
|
16
16
|
<a data-qa={'Header_Logo'} className='header__logo' href='/'>
|
|
17
17
|
<Logo siteName={siteName} width='188' height='32' />
|
|
18
18
|
</a>
|
|
19
|
-
|
|
19
|
+
<NavMenu {...navMenuProps} />
|
|
20
20
|
</span>
|
|
21
21
|
</HeaderStyled>
|
|
22
22
|
)
|