b42e9737b6
* WIP * feat: Add collection.memberships endpoint * feat: Add ability to filter collection.memberships with query * WIP * Merge stashed work * feat: Add ability to filter memberships by permission * continued refactoring * paginated list component * Collection member management * fix: Incorrect policy data sent down after collection.update * Reduce duplication, add empty state * cleanup * fix: Modal close should be a real button * fix: Allow opening edit from modal * fix: remove unused methods * test: fix * Passing test suite * Refactor * fix: Flow UI errors * test: Add collections.update tests * lint * test: moar tests * fix: Missing scopes, more missing tests * fix: Handle collection privacy change over socket * fix: More membership scopes * fix: view endpoint permissions * fix: respond to privacy change on socket event * policy driven menus * fix: share endpoint policies * chore: Use policies to drive documents UI * alignment * fix: Header height * fix: Correct behavior when collection becomes private * fix: Header height for read-only collection * send id's over socket instead of serialized objects * fix: Remote policy change * fix: reduce collection fetching * More websocket efficiencies * fix: Document collection pinning * fix: Restored ability to edit drafts fix: Removed ability to star drafts * fix: Require write permissions to pin doc to collection * fix: Header title overlaying document actions at small screen sizes * fix: Jank on load caused by previous commit * fix: Double collection fetch post-publish * fix: Hide publish button if draft is in no longer accessible collection * fix: Always allow deleting drafts fix: Improved handling of deleted documents * feat: Show collections in drafts view feat: Show more obvious 'draft' badge on documents * fix: incorrect policies after publish to private collection * fix: Duplicating a draft publishes it
49 lines
930 B
JavaScript
49 lines
930 B
JavaScript
// @flow
|
|
import styled from 'styled-components';
|
|
import breakpoint from 'styled-components-breakpoint';
|
|
import Flex from 'shared/components/Flex';
|
|
|
|
export const Action = styled(Flex)`
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 0 0 0 12px;
|
|
height: 32px;
|
|
font-size: 15px;
|
|
flex-shrink: 0;
|
|
|
|
a {
|
|
color: ${props => props.theme.text};
|
|
height: 24px;
|
|
}
|
|
`;
|
|
|
|
export const Separator = styled.div`
|
|
margin-left: 12px;
|
|
width: 1px;
|
|
height: 28px;
|
|
background: ${props => props.theme.divider};
|
|
`;
|
|
|
|
const Actions = styled(Flex)`
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
border-radius: 3px;
|
|
background: ${props => props.theme.background};
|
|
transition: ${props => props.theme.backgroundTransition};
|
|
padding: 12px;
|
|
-webkit-backdrop-filter: blur(20px);
|
|
|
|
@media print {
|
|
display: none;
|
|
}
|
|
|
|
${breakpoint('tablet')`
|
|
left: auto;
|
|
padding: 24px;
|
|
`};
|
|
`;
|
|
|
|
export default Actions;
|