fix: add margins to section-list/menu
This commit is contained in:
parent
32d5cdc293
commit
33d3d4343d
|
@ -28,7 +28,7 @@ const Menu = ({ links = [] }) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ViewContainer plain>
|
<ViewContainer plain>
|
||||||
<Margin bottom={4}>
|
<Margin bottom="5" top="1">
|
||||||
<SectionList>{getMenuItems(_links)}</SectionList>
|
<SectionList>{getMenuItems(_links)}</SectionList>
|
||||||
</Margin>
|
</Margin>
|
||||||
</ViewContainer>
|
</ViewContainer>
|
||||||
|
|
Before Width: | Height: | Size: 9.7 KiB After Width: | Height: | Size: 9.7 KiB |
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
@ -4,6 +4,7 @@ exports[`renders <Menu /> without throwing 1`] = `null`;
|
||||||
|
|
||||||
exports[`renders <Menu links /> without throwing 1`] = `
|
exports[`renders <Menu links /> without throwing 1`] = `
|
||||||
.c2 {
|
.c2 {
|
||||||
|
margin-top: 0.75rem;
|
||||||
margin-bottom: 1.875rem;
|
margin-bottom: 1.875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -52,7 +53,7 @@ exports[`renders <Menu links /> without throwing 1`] = `
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0 0.75rem;
|
padding: 0 0.75rem;
|
||||||
padding-bottom: 0.375rem;
|
padding-bottom: 0.9375rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -70,7 +71,7 @@ exports[`renders <Menu links /> without throwing 1`] = `
|
||||||
.c3 {
|
.c3 {
|
||||||
background: rgb(250,250,250);
|
background: rgb(250,250,250);
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding: 0 0 0.1875rem 0;
|
padding: 0 0 0.75rem 0;
|
||||||
max-height: 3.125rem;
|
max-height: 3.125rem;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
|
@ -28,7 +28,7 @@ const Menu = ({ links = [] }) => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ViewContainer plain>
|
<ViewContainer plain>
|
||||||
<Margin bottom={5}>
|
<Margin bottom="5" top="2">
|
||||||
<SectionList>{getMenuItems(_links)}</SectionList>
|
<SectionList>{getMenuItems(_links)}</SectionList>
|
||||||
</Margin>
|
</Margin>
|
||||||
</ViewContainer>
|
</ViewContainer>
|
|
@ -1 +0,0 @@
|
||||||
export { default as Menu } from './menu';
|
|
|
@ -1,7 +1,7 @@
|
||||||
import { connect } from 'react-redux';
|
import { connect } from 'react-redux';
|
||||||
import get from 'lodash.get';
|
import get from 'lodash.get';
|
||||||
|
|
||||||
import { Menu } from '@components/navigation';
|
import Menu from '@components/menu';
|
||||||
|
|
||||||
export default connect((state, { match }) => {
|
export default connect((state, { match }) => {
|
||||||
const instanceId = get(match, 'params.instance');
|
const instanceId = get(match, 'params.instance');
|
||||||
|
|
|
@ -5,7 +5,7 @@ import remcalc from 'remcalc';
|
||||||
const UnorderedList = styled.ul`
|
const UnorderedList = styled.ul`
|
||||||
background: ${props => props.theme.disabled};
|
background: ${props => props.theme.disabled};
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
padding: 0 0 ${remcalc(3)} 0;
|
padding: 0 0 ${remcalc(12)} 0;
|
||||||
max-height: ${remcalc(50)};
|
max-height: ${remcalc(50)};
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
|
|
|
@ -26,7 +26,7 @@ export const Anchor = styled(BaseAnchor)`
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0 ${remcalc(12)};
|
padding: 0 ${remcalc(12)};
|
||||||
padding-bottom: ${remcalc(6)};
|
padding-bottom: ${remcalc(15)};
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
|
Loading…
Reference in New Issue