roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-05-07 01:02:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Feat/editor category pass2 (#290)

Browse source 
* feat(design-system): add editor skeletons

* use css media queries rather than JS media queries

* init remake

* feat: add basis of toggle atom

* finish toggle

* use pointer cursor with toggle

* sync

* feat: add server message in editor

* cleanup storybook

* add short editor item and data model for categories

* chore: fix build by moving jest version downward

* chore: remove old category editor

* chore: fix EditorCategoryShort index

* add editor wiring and styling updates

* fix linting issues
This commit is contained in:
41666 2021-07-05 12:18:40 -05:00 • committed by GitHub
parent a37d481b18
commit 7d681d69d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
48 changed files with 927 additions and 1100 deletions
Download patch file Download diff file Expand all files Collapse all files

21
packages/design-system/atoms/quick-nav/QuickNav.styled.ts
View file

@ -1,6 +1,22 @@
import { onSmallScreen } from '@roleypoly/design-system/atoms/breakpoints';
import { palette } from '@roleypoly/design-system/atoms/colors';
import { transitions } from '@roleypoly/design-system/atoms/timings';
import styled, { css } from 'styled-components';
import { palette } from '../colors';
import { transitions } from '../timings';
export const HideIfSmall = styled.div`
display: initial;
${onSmallScreen(css`
display: none;
`)}
`;
export const HideIfNotSmall = styled.div`
display: none;
${onSmallScreen(css`
display: initial;
`)}
`;
export const NavItem = styled.div<{ selected: boolean }>`
padding: 7px;
@ -35,6 +51,7 @@ export const DropdownNavOpener = styled.div`
cursor: pointer;
border-radius: 2px;
transition: background-color ${transitions.actionable}s ease-in-out;
width: 98vw;
&:hover {
background-color: ${palette.taupe300};