Skip to content
Snippets Groups Projects
Commit c1340da4 authored by hansen's avatar hansen Committed by Kyle Doherty
Browse files

Navbar tweaks (#10605)

* Navbar small screen friendly. And dirty-fix WriteSQL tooltip.

* Simplify
parent fc60d633
No related branches found
No related tags found
No related merge requests found
......@@ -72,7 +72,7 @@ const SearchWrapper = Flex.extend`
background-color: ${props =>
props.active ? ActiveSearchColor : DefaultSearchColor};
border-radius: 6px;
flex: 1 0 auto;
flex: 1 1 auto;
max-width: 50em;
align-items: center;
color: white;
......@@ -84,6 +84,7 @@ const SearchWrapper = Flex.extend`
const SearchInput = styled.input`
${space} background-color: transparent;
width: 100%;
border: none;
color: white;
font-size: 1em;
......@@ -359,16 +360,15 @@ export default class Navbar extends Component {
]}
/>
{hasNativeWrite && (
<Link
to={this.props.plainNativeQuery.question().getUrl()}
mx={1}
className="hide sm-show flex-no-shrink"
data-metabase-event={`NavBar;SQL`}
>
<IconWrapper>
<Icon size={19} name="sql" tooltip={t`Write SQL`} />
</IconWrapper>
</Link>
<IconWrapper className="relative hide sm-show mr1 overflow-hidden">
<Link
to={this.props.plainNativeQuery.question().getUrl()}
className="flex align-center"
data-metabase-event={`NavBar;SQL`}
>
<Icon size={18} p={"11px"} name="sql" tooltip={t`Write SQL`} />
</Link>
</IconWrapper>
)}
<ProfileLink {...this.props} />
</Flex>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment