mirror of
https://github.com/gravitational/teleport.git
synced 2026-11-03 07:40:28 +08:00
Alexey KontsevoyandAlexander Wolfe
389b83a1fb
* Updates design components * Updates popover styles * Updates FeatureHeader component including the title, tabs, and date selector. * Updates the Side Navigation component to match new design updates * Updates font size for error card * Updates offline text * Updates loading spinner * Updates to tables and colors for components and buttons to match with new designs * Updates dialog header size * Updates cluster nodes table * Updates top bar * Updates the cluster table rows, search, and title styles * Updated shared components FormInvite and FormLogin with updated designs. * Updates size for outlined button to be consistent with button component * Update terminal tabs * Updates blankstate for console * Updates to events list and ranger picker * Updates help and support * Updates session icon * Updates login page with SSO * Fixes router error in menu ssh login * Success for login and small input field adjustments * Tags with states update * Updates to menu and icons menu * Updates cluster info box * Addresses design-system changes * Adds missing events * Fixes unit-tests * Updates e-ref Co-authored-by: Alexander Wolfe <alexanderwolfe@Alexanders-MacBook-Air.local>
48 lines
1.2 KiB
React
48 lines
1.2 KiB
React
/*
|
|
Copyright 2019 Gravitational, Inc.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import styled from 'styled-components';
|
|
|
|
const StyledTextEditor = styled.div`
|
|
overflow: hidden;
|
|
border-radius: 4px;
|
|
flex: 1;
|
|
display: flex;
|
|
position: relative;
|
|
border: none;
|
|
background: ${props => props.theme.colors.bgTerminal};
|
|
|
|
.ace-monokai {
|
|
background: ${props => props.theme.colors.bgTerminal};
|
|
}
|
|
|
|
.ace-monokai .ace_gutter,
|
|
.ace-monokai .ace_gutter-cell {
|
|
color: rgba(255, 255, 255, 0.56);
|
|
background: ${props => props.theme.colors.bgTerminal};
|
|
}
|
|
|
|
> .ace_editor {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
left: 0px;
|
|
}
|
|
`;
|
|
|
|
export default StyledTextEditor;
|