mirror of
https://github.com/Kong/insomnia
synced 2024-11-08 14:49:53 +00:00
74a3967fce
* Set cursor focus on active filter * Click targets and info panel fix Fixing inconsistently treated click targets and info panel items. * Font (for SVGs) sizing and layout fixes. * Layout & alignment fixes * Update packages/insomnia-components/components/sidebar/sidebar-info.js Co-authored-by: Opender Singh <opender94@gmail.com> * Spacing increase on first child elment in panel, click specificity Co-authored-by: Opender Singh <opender94@gmail.com>
26 lines
516 B
JavaScript
26 lines
516 B
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import styled from 'styled-components';
|
|
|
|
type Props = {
|
|
label: string,
|
|
headline: string,
|
|
};
|
|
|
|
const StyledTextItem: React.ComponentType<{}> = styled.span`
|
|
display: block;
|
|
padding-left: var(--padding-sm);
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
`;
|
|
|
|
const SidebarTextItem = ({ label, headline }: Props) => (
|
|
<StyledTextItem>
|
|
<strong>{label}</strong>
|
|
<span>{headline}</span>
|
|
</StyledTextItem>
|
|
);
|
|
|
|
export default SidebarTextItem;
|