roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-16 09:39:09 +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

9
packages/design-system/atoms/tab-view/TabView.styled.ts
View file

@ -22,8 +22,9 @@ export const TabTitleRow = styled.div`
position: fixed;
${onSmallScreen(
css`
width: fit-content;
position: unset;
max-width: 100vw;
max-width: 98vw;
`
)}
`;
@ -65,5 +66,9 @@ export const TabContentTitle = styled.div`
${text500}
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
padding: 0.5em 7px;
`;
export const TabDepth = styled.div`
margin-left: 7px;
`;

2
packages/design-system/atoms/tab-view/TabView.tsx
View file

@ -10,6 +10,7 @@ import {
export type TabViewProps = {
children: React.ReactNode[];
initialTab?: number;
masthead?: React.ReactNode;
};
type TabProps = {
@ -39,6 +40,7 @@ export const TabView = (props: TabViewProps) => {
return (
<TabViewStyled>
<TabTitleRow>
{props.masthead && props.masthead}
<QuickNav
currentNavItem={tabNames[currentTab]}
navItems={tabNames}