@azure/communication-react
Version:
React library for building modern communication user experiences utilizing Azure Communication Services
75 lines • 1.67 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { mergeStyles, FontWeights } from '@fluentui/react';
/**
* @private
*/
export const inputBoxWrapperStyle = mergeStyles({
padding: '0'
});
/**
* @private
*/
export const inputBoxStyle = mergeStyles({
overflow: 'auto',
minHeight: '2.25rem',
// prevents the input text box from being sized to 0px when the CallWithChatComposite chat pane is closed.
maxHeight: '8.25rem',
outline: 'red 5px',
fontWeight: FontWeights.regular,
fontSize: '0.875rem',
width: '100%',
height: '2.25rem',
lineHeight: '1.5rem',
'::-webkit-input-placeholder': {
fontSize: '1rem' // Prevents screen zooming on iOS
},
'::-moz-placeholder': {
fontSize: '0.875rem'
},
':-moz-placeholder': {
fontSize: '0.875rem'
}
});
/**
* @private
*/
export const inputBoxNewLineSpaceAffordance = {
marginBottom: '2rem'
};
/**
*
* @private
*/
export const textContainerStyle = {
alignSelf: 'center',
position: 'relative',
width: '100%'
};
/**
* @private
*/
export const textFieldStyle = {
root: {
width: '100%',
minHeight: '0',
fontSize: '8.25rem'
},
wrapper: {},
fieldGroup: {
outline: 'none',
border: 'none',
height: 'auto',
minHeight: '0',
/**
* Removing fieldGroup border to make sure no border is rendered around the text area in sendbox.
*/
':after': {
border: 'none'
}
},
field: {
borderRadius: '0.25rem'
}
};
//# sourceMappingURL=InputBoxComponent.style.js.map