@npm_leadtech/legal-lib-components 7.12.4 → 7.12.6

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, hide, 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' }) }), !hide && _jsx(NavMenu, { ...navMenuProps })] })] }));
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;
@@ -8,6 +8,7 @@ export const HeaderStyled = styled.header `
8
8
  width: 100%;
9
9
  z-index: 11111111111111;
10
10
  }
11
+
11
12
  html[data-theme='lawdistrict'] {
12
13
  .header {
13
14
  &.product-header-background {
@@ -17,10 +18,8 @@ export const HeaderStyled = styled.header `
17
18
  }
18
19
 
19
20
  .scrollDown {
20
- header:not(.hide-header-in-mobile) {
21
- background-color: var(--others-white) !important;
22
- box-shadow: var(--box-shadow-small);
23
- }
21
+ background-color: var(--others-white) !important;
22
+ box-shadow: var(--box-shadow-small);
24
23
  }
25
24
 
26
25
  .header {
@@ -9,6 +9,7 @@ export const HeaderStyled = styled.header`
9
9
  width: 100%;
10
10
  z-index: 11111111111111;
11
11
  }
12
+
12
13
  html[data-theme='lawdistrict'] {
13
14
  .header {
14
15
  &.product-header-background {
@@ -18,10 +19,8 @@ export const HeaderStyled = styled.header`
18
19
  }
19
20
 
20
21
  .scrollDown {
21
- header:not(.hide-header-in-mobile) {
22
- background-color: var(--others-white) !important;
23
- box-shadow: var(--box-shadow-small);
24
- }
22
+ background-color: var(--others-white) !important;
23
+ box-shadow: var(--box-shadow-small);
25
24
  }
26
25
 
27
26
  .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, hide, siteName } = mainHeaderProps
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
- {!hide && <NavMenu {...navMenuProps} />}
19
+ <NavMenu {...navMenuProps} />
20
20
  </span>
21
21
  </HeaderStyled>
22
22
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.12.4",
3
+ "version": "7.12.6",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",