mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-28 23:24:05 +00:00
a0860febee
* Refactor Bruno language parser to support multiline text blocks * Refactor SingleLineEditor component to allow newlines and adjust height dynamically * Refactor SingleLineEditor component to fix overflow issue * Fix overflow issue in SingleLineEditor component * Refactor SingleLineEditor and MultiLineEditor components to fix overflow issues and allow newlines * Fix overflow and scrolling issues in MultiLineEditor component --------- Co-authored-by: Sanjai Kumar <sk@sk.local>
54 lines
1.0 KiB
JavaScript
54 lines
1.0 KiB
JavaScript
import styled from 'styled-components';
|
|
|
|
const StyledWrapper = styled.div`
|
|
width: 100%;
|
|
height: 30px;
|
|
overflow-y: hidden;
|
|
overflow-x: hidden;
|
|
|
|
.CodeMirror {
|
|
background: transparent;
|
|
height: 34px;
|
|
font-size: 14px;
|
|
line-height: 30px;
|
|
overflow: hidden;
|
|
|
|
.CodeMirror-scroll {
|
|
overflow: hidden !important;
|
|
padding-bottom: 50px !important;
|
|
}
|
|
|
|
.CodeMirror-vscrollbar,
|
|
.CodeMirror-hscrollbar,
|
|
.CodeMirror-scrollbar-filler {
|
|
display: none;
|
|
}
|
|
|
|
.CodeMirror-lines {
|
|
padding: 0;
|
|
}
|
|
|
|
.CodeMirror-cursor {
|
|
height: 20px !important;
|
|
margin-top: 5px !important;
|
|
border-left: 1px solid ${(props) => props.theme.text} !important;
|
|
}
|
|
|
|
pre {
|
|
font-family: Inter, sans-serif !important;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.CodeMirror-line {
|
|
color: ${(props) => props.theme.text};
|
|
padding: 0;
|
|
}
|
|
|
|
.CodeMirror-selected {
|
|
background-color: rgba(212, 125, 59, 0.3);
|
|
}
|
|
}
|
|
`;
|
|
|
|
export default StyledWrapper;
|