- -
-
-
- +
+ +
+
+
+ +
-
-
- - -
- - - - -
- -
- +
+ + +
+ + + + +
+ +
+ +
); diff --git a/Composer/packages/client/src/pages/design/createDialogModal.tsx b/Composer/packages/client/src/pages/design/createDialogModal.tsx index a6caa580a9..84322a5681 100644 --- a/Composer/packages/client/src/pages/design/createDialogModal.tsx +++ b/Composer/packages/client/src/pages/design/createDialogModal.tsx @@ -115,7 +115,7 @@ export const CreateDialogModal: React.FC = (props) => { >
- + = ({ onSubmit, onDismiss onDismiss={handleDismiss} >
-

+

{typeof subText === 'function' && subText()} {helpLink && ( @@ -287,12 +287,7 @@ const ExportSkillModal: React.FC = ({ onSubmit, onDismiss )}

-
+
= ({ onSubmit, onDismiss onUpdateIsCreateProfileFromSkill={setIsCreateProfileFromSkill} />
- -
-
- {buttons.map(({ disabled, primary, text, onClick }, index) => { - const Button = primary ? PrimaryButton : DefaultButton; +
+ +
+
+ {buttons.map(({ disabled, primary, text, onClick }, index) => { + const Button = primary ? PrimaryButton : DefaultButton; - const isDisabled = - typeof disabled === 'function' ? disabled({ publishTarget: currentPublishTarget }) : !!disabled; + const isDisabled = + typeof disabled === 'function' ? disabled({ publishTarget: currentPublishTarget }) : !!disabled; - return ( -
- {editJson && } + return ( +
- -
+ {editJson && } +
+ ); }; diff --git a/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts b/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts index fdd6ddb2dd..86f916e049 100644 --- a/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts +++ b/Composer/packages/client/src/pages/design/exportSkillModal/styles.ts @@ -27,10 +27,12 @@ export const styles = { }, }, container: css` - height: 500px; + height: calc(100vh - 170px); + max-height: 500px; display: flex; flex-direction: column; justify-content: space-between; + overflow: auto; label: ContentContainer; `, @@ -44,4 +46,7 @@ export const styles = { flex-direction: row-reverse; justify-content: space-between; `, + buttonsRight: css` + display: flex; + `, }; diff --git a/Composer/packages/client/src/pages/design/styles.ts b/Composer/packages/client/src/pages/design/styles.ts index bff7b57130..c6e25e6572 100644 --- a/Composer/packages/client/src/pages/design/styles.ts +++ b/Composer/packages/client/src/pages/design/styles.ts @@ -19,6 +19,7 @@ export const contentWrapper = css` flex-grow: 1; height: 100%; position: relative; + overflow: auto; label: DesignPageContent; `; @@ -75,6 +76,11 @@ export const splitPaneWrapper = css` flex-grow: 1; overflow: hidden; height: 100%; + @media screen and (max-width: 960px) { + .secondary { + padding-right: 40px; + } + } `; export const visualPanel = css` @@ -191,6 +197,7 @@ export const styles = { root: [ { marginBottom: '1rem', + gap: '2rem', }, ], }, diff --git a/Composer/packages/client/src/pages/home/styles.ts b/Composer/packages/client/src/pages/home/styles.ts index 3273d7c1f8..e726e0f7ba 100644 --- a/Composer/packages/client/src/pages/home/styles.ts +++ b/Composer/packages/client/src/pages/home/styles.ts @@ -20,8 +20,7 @@ export const outline = css` export const page = css` display: flex; - overflow-x: hidden; - overflow-y: auto; + overflow: auto; flex-wrap: wrap; `; @@ -37,6 +36,8 @@ export const rightPage = css` padding-right: 24px; display: flex; flex-direction: column; + position: sticky; + left: 0; `; export const title = css` diff --git a/Composer/packages/client/src/pages/publish/styles.ts b/Composer/packages/client/src/pages/publish/styles.ts index d989a5e062..bbc26e160c 100644 --- a/Composer/packages/client/src/pages/publish/styles.ts +++ b/Composer/packages/client/src/pages/publish/styles.ts @@ -50,6 +50,7 @@ export const ContentStyle = css` export const contentEditor = css` flex: 4; height: calc(100vh - 200px); + min-height: 256px; position: relative; overflow: auto; `; diff --git a/Composer/packages/client/src/pages/setting/SettingsPage.tsx b/Composer/packages/client/src/pages/setting/SettingsPage.tsx index c4ab9e15ec..3df6622b13 100644 --- a/Composer/packages/client/src/pages/setting/SettingsPage.tsx +++ b/Composer/packages/client/src/pages/setting/SettingsPage.tsx @@ -33,6 +33,14 @@ const header = css` label: PageHeader; `; +const pageWrapper = css` + overflow: auto; + > div { + min-width: 1030px; + min-height: 400px; + } +`; + const getProjectLink = (path: string, id?: string) => { return id ? `/settings/bot/${id}/${path}` : `/settings/${path}`; }; @@ -107,33 +115,35 @@ const SettingPage: React.FC = () => { }, [location.pathname]); return ( - - addLanguageDialogCancel(projectId)} - onSubmit={onAddLangModalSubmit} - > - delLanguageDialogCancel(projectId)} - onSubmit={onDeleteLangModalSubmit} - > - - +
+ + addLanguageDialogCancel(projectId)} + onSubmit={onAddLangModalSubmit} + > + delLanguageDialogCancel(projectId)} + onSubmit={onDeleteLangModalSubmit} + > + + +
); }; diff --git a/Composer/packages/client/src/router.tsx b/Composer/packages/client/src/router.tsx index 06c367689b..d96a703019 100644 --- a/Composer/packages/client/src/router.tsx +++ b/Composer/packages/client/src/router.tsx @@ -46,6 +46,7 @@ export const root = css` height: calc(100vh - 50px); display: flex; flex-direction: row; + overflow: hidden; label: Page; `; @@ -54,6 +55,7 @@ export const pageWrapper = css` display: flex; flex-direction: column; flex-grow: 1; + width: 100%; label: PageWrapper; `; @@ -163,8 +165,17 @@ const Routes = (props) => { ); }; -const projectStyle = css` +const projectWrapper = css` + overflow: auto; + display: flex; + flex-flow: column; height: 100%; +`; + +const projectStyle = css` + flex: auto; + min-width: 1030px; + min-height: 400px; & > div { height: 100%; @@ -216,7 +227,11 @@ const ProjectRouter: React.FC; } else { - return
{props.children}
; + return ( +
+
{props.children}
+
+ ); } } return ; diff --git a/Composer/packages/electron-server/src/electronWindow.ts b/Composer/packages/electron-server/src/electronWindow.ts index f7b0ccee2a..c20aff1afd 100644 --- a/Composer/packages/electron-server/src/electronWindow.ts +++ b/Composer/packages/electron-server/src/electronWindow.ts @@ -26,7 +26,8 @@ export default class ElectronWindow { const { height, width } = screen.getPrimaryDisplay().workAreaSize; log(`Raw screen dimensions: ${height} x ${width}`); const adjustedHeight = Math.floor(height * 0.9); // take up 90% of screen height - const adjustedWidth = Math.floor((4 / 3) * adjustedHeight); // snap to 4:3 aspect ratio (16:9 doesn't look as good when scaled down) + // aim to maintain 4:3 ratio while trying to expose window to at least 1080px wide + const adjustedWidth = Math.max(Math.floor((4 / 3) * adjustedHeight), Math.min(1080, Math.floor(width * 0.9))); log(`Electron window dimensions: ${adjustedHeight} x ${adjustedWidth}`); const browserWindowOptions: Electron.BrowserWindowConstructorOptions = { width: adjustedWidth, diff --git a/Composer/packages/lib/code-editor/src/lu/dialogs/ListEntityCreationDialog.tsx b/Composer/packages/lib/code-editor/src/lu/dialogs/ListEntityCreationDialog.tsx index c4d3b28d69..f8387feba8 100644 --- a/Composer/packages/lib/code-editor/src/lu/dialogs/ListEntityCreationDialog.tsx +++ b/Composer/packages/lib/code-editor/src/lu/dialogs/ListEntityCreationDialog.tsx @@ -256,7 +256,7 @@ export const ListEntityCreationDialog = (props: Props) => { }} hidden={false} modalProps={dialogModalProps} - styles={{ main: { width: '960px !important', minWidth: '960px !important' } }} + styles={{ main: { maxWidth: '960px' } }} onDismiss={onDismiss} > diff --git a/Composer/packages/lib/ui-shared/src/components/DisplayMarkdownDialog/DisplayMarkdownDialog.tsx b/Composer/packages/lib/ui-shared/src/components/DisplayMarkdownDialog/DisplayMarkdownDialog.tsx index 6fbc06be69..00e956c58a 100644 --- a/Composer/packages/lib/ui-shared/src/components/DisplayMarkdownDialog/DisplayMarkdownDialog.tsx +++ b/Composer/packages/lib/ui-shared/src/components/DisplayMarkdownDialog/DisplayMarkdownDialog.tsx @@ -8,6 +8,7 @@ import { PrimaryButton } from '@fluentui/react/lib/Button'; import { ScrollablePane } from '@fluentui/react/lib/ScrollablePane'; import formatMessage from 'format-message'; import ReactMarkdown from 'react-markdown'; +import styled from '@emotion/styled'; import { DialogTypes, DialogWrapper } from '../DialogWrapper'; @@ -18,6 +19,15 @@ type DisplayMarkdownDialogProps = { onDismiss: () => void; }; +const ScrollablePaneWrapper = styled.div` + height: 500px; + position: relative; + border: 1px solid #333; + @media screen and (max-width: 960px) /* 125% zoom */ { + max-height: calc(100vh - 160px); + } +`; + export const DisplayMarkdownDialog = (props: DisplayMarkdownDialogProps) => { return ( { title={props.title} onDismiss={props.onDismiss} > -
+ {props.content} -
+ diff --git a/extensions/azurePublish/src/components/ChooseProvisionAction.tsx b/extensions/azurePublish/src/components/ChooseProvisionAction.tsx index 7e39367803..5e2971155b 100644 --- a/extensions/azurePublish/src/components/ChooseProvisionAction.tsx +++ b/extensions/azurePublish/src/components/ChooseProvisionAction.tsx @@ -19,6 +19,10 @@ const Root = styled.div` display: grid; grid-template-columns: 30% 1fr; grid-template-rows: 1fr; + @media screen and (max-width: 640px) /* 200% zoom */ { + grid-template-columns: 1fr; + grid-auto-rows: auto; + } `; const ChoicesPane = styled.div` diff --git a/extensions/azurePublish/src/components/ResourceGroupPicker.tsx b/extensions/azurePublish/src/components/ResourceGroupPicker.tsx index 866686c461..9461a2e4da 100644 --- a/extensions/azurePublish/src/components/ResourceGroupPicker.tsx +++ b/extensions/azurePublish/src/components/ResourceGroupPicker.tsx @@ -10,10 +10,13 @@ import { TextField } from '@fluentui/react/lib/TextField'; import { useDebounce } from './useDebounce'; -const stackStyles = { root: { marginBottom: '6px' } }; -const dropdownStyles = { root: { marginBottom: '6px' }, dropdown: { width: '300px' } }; +const stackStyles = { root: { marginBottom: '6px', ninWidth: '500px', flex: 'auto', alignSelf: 'stretch' } }; +const dropdownStyles = { + root: { marginBottom: '6px' }, + dropdown: { maxWidth: '300px', width: 'auto' }, +}; const itemIconStyles = { marginRight: '8px' }; -const newNameTextFileStyles = { root: { marginTop: '10px', width: '300px' } }; +const newNameTextFileStyles = { root: { marginTop: '10px', maxWidth: '300px' } }; const CREATE_NEW_KEY = 'CREATE_NEW'; diff --git a/extensions/azurePublish/src/components/azureProvisionDialog.tsx b/extensions/azurePublish/src/components/azureProvisionDialog.tsx index 9d56c37c3d..cfa369e6c6 100644 --- a/extensions/azurePublish/src/components/azureProvisionDialog.tsx +++ b/extensions/azurePublish/src/components/azureProvisionDialog.tsx @@ -42,6 +42,7 @@ import { Link, ChoiceGroup, IChoiceGroupOption, + mergeStyles, } from '@fluentui/react'; import { MessageBar, MessageBarType } from '@fluentui/react/lib/MessageBar'; import { JsonEditor } from '@bfc/code-editor'; @@ -89,6 +90,10 @@ const ProvisonActions = styled.div((props) => ({ display: 'flex', flexFlow: 'row nowrap', justifyContent: props.showSignout ? 'space-between' : 'flex-end', + '@media screen and (max-width: 640px)': /* 200% zoom */ { + flexWrap: 'wrap', + gap: '8px', + }, })); const ConfigureResourcesSectionName = styled(Text)` @@ -116,14 +121,21 @@ const ConfigureResourcesPropertyLabel = styled(Label)` font-weight: ${FontWeights.regular}; `; -const configureResourceDropdownStyles = { root: { paddingBottom: '4px', width: '300px' } }; +const configureResourceDropdownStyles = { + root: { paddingBottom: '4px', maxWidth: '300px', width: 'auto', flex: 'auto', alignSelf: 'stretch' }, + errorMessage: { wordBreak: 'break-word' }, +}; -const configureResourceTextFieldStyles = { root: { paddingBottom: '4px', width: '300px' } }; +const configureResourceTextFieldStyles = { + root: { paddingBottom: '4px', maxWidth: '300px', width: 'auto', flex: 'auto', alignSelf: 'stretch' }, +}; const configureResourcesIconStyle = { root: { color: NeutralColors.gray160, userSelect: 'none', + flex: 'auto', + alignSelf: 'stretch', }, }; @@ -132,6 +144,29 @@ const LearnMoreLink = styled(Link)` font-size: 14px; `; +const ButtonsWrapper = styled.div` + display: flex; + gap: 8px; + padding-bottom: 2px; + justify-content: flex-end; +`; + +const viewAreaStyles = mergeStyles({ + height: 'calc(100vh - 65px)', + '@media screen and (max-width: 480px)': /* 200% zoom */ { + height: 'calc(100vh - 130px)', + }, +}); + +const formStack = mergeStyles({ + '> .ms-Stack': { + '@media screen and (max-width: 480px)': /* 300% zoom */ { + flexDirection: 'column', + marginRight: '4px', + }, + }, +}); + const appOSChoiceGroupStyles = { flexContainer: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, }; @@ -761,7 +796,7 @@ export const AzureProvisionDialog: React.FC = () => { const resourceGroupNames = resourceGroups?.map((r) => r.name) || []; const PageChooseAction = ( -
+
{ @@ -799,13 +834,9 @@ export const AzureProvisionDialog: React.FC = () => { }, [preferredAppServiceOS]); const PageFormConfig = ( - + - + {formatMessage('Azure details')} {formatMessage('Subscription, enter resource group name.')} @@ -951,9 +982,9 @@ export const AzureProvisionDialog: React.FC = () => { return ( {requiredListItems.length > 0 && ( @@ -985,7 +1016,7 @@ export const AzureProvisionDialog: React.FC = () => { const PageReview = ( - + { onRenderSecondaryText={onRenderSecondaryText} /> ) : null} -
+ { clearAll(); @@ -1024,7 +1054,6 @@ export const AzureProvisionDialog: React.FC = () => { /> { switch (formData.creationType) { @@ -1042,14 +1071,13 @@ export const AzureProvisionDialog: React.FC = () => { }} /> { telemetryClient?.track('ProvisionCancel'); closeDialog(); }} /> -
+ ); } else if (page === PageTypes.ConfigProvision) { @@ -1063,9 +1091,8 @@ export const AzureProvisionDialog: React.FC = () => { onRenderSecondaryText={onRenderSecondaryText} /> ) : null} -
+ { clearAll(); @@ -1076,7 +1103,6 @@ export const AzureProvisionDialog: React.FC = () => { {formData.creationType === 'create' && ( { onNext(formData.hostname); @@ -1085,7 +1111,6 @@ export const AzureProvisionDialog: React.FC = () => { )} {formData.creationType === 'generate' && ( onNext(formData.hostname)} /> @@ -1105,7 +1130,7 @@ export const AzureProvisionDialog: React.FC = () => { closeDialog(); }} /> -
+ ); } else if (page === PageTypes.AddResources) { @@ -1119,9 +1144,8 @@ export const AzureProvisionDialog: React.FC = () => { onRenderSecondaryText={onRenderSecondaryText} /> ) : null} -
+ { if (formData.creationType === 'generate') { @@ -1133,7 +1157,6 @@ export const AzureProvisionDialog: React.FC = () => { /> { if (formData.creationType === 'generate') { @@ -1165,7 +1188,7 @@ export const AzureProvisionDialog: React.FC = () => { closeDialog(); }} /> -
+ ); } else if (page === PageTypes.ReviewResource) { @@ -1179,9 +1202,8 @@ export const AzureProvisionDialog: React.FC = () => { onRenderSecondaryText={onRenderSecondaryText} /> ) : null} -
+ { setPageAndTitle(PageTypes.AddResources); @@ -1189,7 +1211,6 @@ export const AzureProvisionDialog: React.FC = () => { /> { const selectedResources = formData.requiredResources.concat(formData.enabledResources); @@ -1208,39 +1229,31 @@ export const AzureProvisionDialog: React.FC = () => { }} /> { closeDialog(); }} /> -
+ ); } else { return ( - <> + { setPageAndTitle(PageTypes.ChooseAction); }} /> - + { closeDialog(); }} /> - + ); } }, [onSave, page, formData, isEditorError, isNextDisabled, publishType, extensionResourceOptions, currentUser]); diff --git a/extensions/azurePublish/yarn-berry.lock b/extensions/azurePublish/yarn-berry.lock index a02ba2c117..93af441aa9 100644 --- a/extensions/azurePublish/yarn-berry.lock +++ b/extensions/azurePublish/yarn-berry.lock @@ -1879,7 +1879,7 @@ __metadata: "@bfc/code-editor@file:../../Composer/packages/lib/code-editor::locator=azurePublish%40workspace%3A.": version: 0.0.0 - resolution: "@bfc/code-editor@file:../../Composer/packages/lib/code-editor#../../Composer/packages/lib/code-editor::hash=11552c&locator=azurePublish%40workspace%3A." + resolution: "@bfc/code-editor@file:../../Composer/packages/lib/code-editor#../../Composer/packages/lib/code-editor::hash=2fd137&locator=azurePublish%40workspace%3A." dependencies: "@emotion/react": ^11.1.3 "@emotion/styled": ^11.1.3 @@ -1902,7 +1902,7 @@ __metadata: "@bfc/ui-shared": "*" react: 16.13.1 react-dom: 16.13.1 - checksum: 4d7fbf613915d6ae65bc1737346d5ad353766f36bb03f4fef0f94ce063d056166da9043677a4e8e610a2dbadb627e29df1893eda8dcac8f74201a2e77baccea2 + checksum: 12992120cb3addfebd48ede1740792029a4c6ce268ab0be95c110bd60cbbe9993830d60753dbc7d5c87e992f64fdc122af09ebfe6e9fcbfc747102560e1fb574 languageName: node linkType: hard @@ -1957,7 +1957,7 @@ __metadata: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared::locator=azurePublish%40workspace%3A.": version: 0.0.0 - resolution: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared#../../Composer/packages/lib/ui-shared::hash=ffa00b&locator=azurePublish%40workspace%3A." + resolution: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared#../../Composer/packages/lib/ui-shared::hash=b508c9&locator=azurePublish%40workspace%3A." dependencies: "@emotion/react": ^11.1.3 "@emotion/styled": ^11.1.3 @@ -1969,7 +1969,7 @@ __metadata: format-message: ^6.2.3 react: 16.13.1 react-dom: 16.13.1 - checksum: 349364ab9b42c8f96771b6e2ffcb9c7a3debbbef285bfa86979c1ae1ff33be96a23d77387840f2b3624b440584244f72a6012c4aade9dd8ce91f92b0d56ec98b + checksum: fba5741428b45fbd97a4342cdfbec6ca9a626daaf3df4a5da6c30f4a7a6c6311f493958a46ab2bd03efdc3465e504bf6b6c39ec6e40d3e3f4306f5e955f60333 languageName: node linkType: hard diff --git a/extensions/azurePublishNew/src/components/AzureProvisionWizard.tsx b/extensions/azurePublishNew/src/components/AzureProvisionWizard.tsx index c9b2c9e8ca..d53a678e95 100644 --- a/extensions/azurePublishNew/src/components/AzureProvisionWizard.tsx +++ b/extensions/azurePublishNew/src/components/AzureProvisionWizard.tsx @@ -5,6 +5,7 @@ import React, { useState } from 'react'; import styled from '@emotion/styled'; import { RecoilRoot } from 'recoil'; import { usePublishApi } from '@bfc/extension-client'; +import { css } from '@emotion/react'; import { ProvisionAction } from '../types'; import { usePublishProfileInitializer } from '../hooks/usePublishProfileInitializer'; @@ -18,13 +19,19 @@ type RootStyleProps = { activeStepIndex: number; }; -const Root = styled.div(({ activeStepIndex }) => ({ - height: '100%', - width: '100%', - display: 'grid', - gridTemplateColumns: activeStepIndex === 0 ? '30% 1fr' : '1fr', - gridTemplateRows: '1fr', -})); +const Root = styled.div( + ({ activeStepIndex }) => css` + height: 100%; + width: 100%; + display: grid; + grid-template-columns: ${activeStepIndex === 0 ? '30% 1fr' : '1fr'}, + grid-template-rows: 1fr; + @media screen and (max-width: 960px) /* 125% zoom */ { + grid-template-columns: 1fr; + grid-auto-rows: auto; + } + ` +); export const AzureProvisionWizard = () => { const [provisionAction, setProvisionAction] = useState('create'); diff --git a/extensions/azurePublishNew/src/components/provisioningWizards/steps/ResourceConfigurationStep.tsx b/extensions/azurePublishNew/src/components/provisioningWizards/steps/ResourceConfigurationStep.tsx index 6246b4cf03..c7a6d60634 100644 --- a/extensions/azurePublishNew/src/components/provisioningWizards/steps/ResourceConfigurationStep.tsx +++ b/extensions/azurePublishNew/src/components/provisioningWizards/steps/ResourceConfigurationStep.tsx @@ -65,7 +65,7 @@ const ConfigureResourcesPropertyLabel = styled(Label)` font-weight: ${FontWeights.regular}; `; -const autoCompleteTextFieldStyles = { root: { paddingBottom: '4px', width: '300px' } }; +const autoCompleteTextFieldStyles = { root: { paddingBottom: '4px', maxWidth: '300px', flex: 'auto' } }; const configureResourcesIconStyle = { root: { @@ -80,7 +80,8 @@ const LearnMoreLink = styled(Link)` `; const FullWidthForm = styled.form` - width: '100%'; + width: 100%; + min-width: 500px; `; const urls = { diff --git a/extensions/azurePublishNew/yarn-berry.lock b/extensions/azurePublishNew/yarn-berry.lock index e0c01a6da6..ceeede1ec2 100644 --- a/extensions/azurePublishNew/yarn-berry.lock +++ b/extensions/azurePublishNew/yarn-berry.lock @@ -1952,7 +1952,7 @@ __metadata: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared::locator=azure-publish-new%40workspace%3A.": version: 0.0.0 - resolution: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared#../../Composer/packages/lib/ui-shared::hash=ffa00b&locator=azure-publish-new%40workspace%3A." + resolution: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared#../../Composer/packages/lib/ui-shared::hash=b508c9&locator=azure-publish-new%40workspace%3A." dependencies: "@emotion/react": ^11.1.3 "@emotion/styled": ^11.1.3 @@ -1964,7 +1964,7 @@ __metadata: format-message: ^6.2.3 react: 16.13.1 react-dom: 16.13.1 - checksum: 349364ab9b42c8f96771b6e2ffcb9c7a3debbbef285bfa86979c1ae1ff33be96a23d77387840f2b3624b440584244f72a6012c4aade9dd8ce91f92b0d56ec98b + checksum: fba5741428b45fbd97a4342cdfbec6ca9a626daaf3df4a5da6c30f4a7a6c6311f493958a46ab2bd03efdc3465e504bf6b6c39ec6e40d3e3f4306f5e955f60333 languageName: node linkType: hard diff --git a/extensions/packageManager/src/components/styles.ts b/extensions/packageManager/src/components/styles.ts index 707cd03329..02389d9a0c 100644 --- a/extensions/packageManager/src/components/styles.ts +++ b/extensions/packageManager/src/components/styles.ts @@ -32,13 +32,6 @@ export const ContentStyle = css` } } `; -export const contentEditor = css` - flex: 4; - height: calc(100vh - 200px); - position: relative; - overflow: visible; - width: 100%; -`; export const publishDialogText = css` background-color: #ddf3db; diff --git a/extensions/packageManager/yarn-berry.lock b/extensions/packageManager/yarn-berry.lock index 175308fb81..7633f5a3cf 100644 --- a/extensions/packageManager/yarn-berry.lock +++ b/extensions/packageManager/yarn-berry.lock @@ -136,7 +136,7 @@ __metadata: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared::locator=package-manager%40workspace%3A.": version: 0.0.0 - resolution: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared#../../Composer/packages/lib/ui-shared::hash=ffa00b&locator=package-manager%40workspace%3A." + resolution: "@bfc/ui-shared@file:../../Composer/packages/lib/ui-shared#../../Composer/packages/lib/ui-shared::hash=b508c9&locator=package-manager%40workspace%3A." dependencies: "@emotion/react": ^11.1.3 "@emotion/styled": ^11.1.3 @@ -148,7 +148,7 @@ __metadata: format-message: ^6.2.3 react: 16.13.1 react-dom: 16.13.1 - checksum: 349364ab9b42c8f96771b6e2ffcb9c7a3debbbef285bfa86979c1ae1ff33be96a23d77387840f2b3624b440584244f72a6012c4aade9dd8ce91f92b0d56ec98b + checksum: fba5741428b45fbd97a4342cdfbec6ca9a626daaf3df4a5da6c30f4a7a6c6311f493958a46ab2bd03efdc3465e504bf6b6c39ec6e40d3e3f4306f5e955f60333 languageName: node linkType: hard