mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-26 17:23:15 -05:00
ce4459a7b2
* table designer add/remove row support * save changes and editor support * address comments * fix build error * including missing change * lower case request name
92 lines
2.0 KiB
CSS
92 lines
2.0 KiB
CSS
/*---------------------------------------------------------------------------------------------
|
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
|
*--------------------------------------------------------------------------------------------*/
|
|
|
|
.designer-component, .designer-component .container {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.designer-component .content-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-right-width: 1px;
|
|
border-right-style: solid;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.designer-component .top-content-container {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.designer-component .editor-container {
|
|
border-top-width: 1px;
|
|
border-top-style: solid;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.designer-component .tabbed-panel-container {
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.designer-component .properties-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.designer-component .properties-container .title-container {
|
|
padding: 5px;
|
|
flex: 0 0 auto;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.designer-component .properties-container .properties-content {
|
|
flex: 1 1 auto;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.designer-component .component-label {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.designer-component .components-grid {
|
|
display: grid;
|
|
/* grid-template-columns: column 1 is for label, column 2 is for component.*/
|
|
grid-template-columns: max-content auto;
|
|
grid-template-rows: max-content;
|
|
grid-gap: 5px;
|
|
padding: 5px;
|
|
align-content: start;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.designer-component .components-grid .full-row {
|
|
grid-area: span 1 / span 2;
|
|
}
|
|
|
|
.designer-component .monaco-table .slick-cell.editable {
|
|
padding: 0px;
|
|
border-width: 0px;
|
|
}
|
|
|
|
.designer-component .add-row-button-container {
|
|
display: flex;
|
|
flex-flow: row-reverse;
|
|
}
|
|
|
|
.designer-component .add-row-button-container .codicon.add-row-button {
|
|
width: fit-content;
|
|
background-repeat: no-repeat;
|
|
background-size: 13px;
|
|
padding-left: 17px;
|
|
background-position: 2px center;
|
|
}
|