coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Clarify available options in document move

Browse Source 
closes #852
This commit is contained in:
Tom Moor
2019-04-08 22:27:10 -07:00
parent a3ca3447d1
commit 57e051d62b
2 changed files with 38 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/components/PathToDocument.js
View File

@ -1,6 +1,7 @@
// @flow
import * as React from 'react';
import { observer } from 'mobx-react';
import { darken } from 'polished';
import styled from 'styled-components';
import { GoToIcon, CollectionIcon, PrivateCollectionIcon } from 'outline-icons';
import Flex from 'shared/components/Flex';
@ -74,29 +75,29 @@ const StyledGoToIcon = styled(GoToIcon)`
const ResultWrapper = styled.div`
display: flex;
margin-bottom: 10px;
margin-left: -4px;
user-select: none;
color: ${props => props.theme.text};
cursor: default;
`;
const ResultWrapperLink = styled(ResultWrapper.withComponent('a'))`
height: 32px;
padding-top: 3px;
padding-left: 5px;
margin: 0 -10px;
padding: 8px 4px;
border-radius: 8px;
border: 2px solid transparent;
&:hover,
&:active,
&:focus {
margin-left: 0px;
border-radius: 2px;
background: ${props => props.theme.black};
color: ${props => props.theme.smokeLight};
background: ${props => props.theme.listItemHoverBackground};
border: 2px solid ${props => props.theme.listItemHoverBorder};
outline: none;
cursor: pointer;
}
${StyledGoToIcon} {
fill: ${props => props.theme.white};
}
&:focus {
border: 2px solid ${props => darken(0.5, props.theme.listItemHoverBorder)};
}
`;