Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
borderTopLeftRadius: '4px',
borderTopRightRadius: '4px',
padding: '4px 12px',
minWidth: 100,
transition: `border ${AnimationVariables.durationValue3} ${AnimationVariables.easeFunction1}`
};
const codeButtonActiveStyles: IRawStyle = {
backgroundColor: NeutralColors.gray20,
borderColor: NeutralColors.gray90,
selectors: {
'.ms-Button-icon': {
color: theme.palette.themePrimary
},
'.ms-Button-label': {
color: NeutralColors.gray160
}
}
};
const dropdownStyles: Partial = {
caretDownWrapper: {
top: '6px'
},
title: [
sharedToggleButtonStyles,
{
alignItems: 'center',
display: 'flex',
height: 40,
width: 150,
selectors: {
),
}
);
const getHeight = () => {
if (height === null || height === undefined) {
return '100%';
}
return processSize(height);
};
let borderColor = NeutralColors.gray120;
if (hovered) {
borderColor = NeutralColors.gray160;
}
if (isInvalid) {
borderColor = SharedColors.red20;
}
return (
),
}}
delay={TooltipDelay.zero}
directionalHint={DirectionalHint.leftCenter}
styles={{ root: { display: 'flex', alignItems: 'center' } }}
id={`${id}-description`}
>
);
};
import { IStyleFunction, IRawStyle } from 'office-ui-fabric-react';
import { FontSizes, NeutralColors } from '@uifabric/fluent-theme';
import { ICodeSnippetStyleProps, ICodeSnippetStyles } from './CodeSnippet';
const codeFontFamily = 'Monaco, Menlo, Consolas, "Droid Sans Mono", "Inconsolata", "Courier New", monospace';
export const baseCodeStyle: IRawStyle = {
fontFamily: codeFontFamily,
fontSize: FontSizes.size14,
background: NeutralColors.gray20,
color: NeutralColors.gray160
};
export const getStyles: IStyleFunction = props => {
return {
root: [
{
overflowY: 'auto',
maxHeight: '400px',
display: 'flex',
margin: '12px 0',
selectors: {
code: {
fontFamily: codeFontFamily,
lineHeight: '1.6'
}