mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-02 17:23:40 -05:00
Layer grid code (#5029)
* layer grid * errors; edit data still not showing up * fix edit data * fix tab spaces
This commit is contained in:
116
src/sql/base/browser/ui/table/media/slickGrid.css
Normal file
116
src/sql/base/browser/ui/table/media/slickGrid.css
Normal file
@@ -0,0 +1,116 @@
|
||||
/*---------------------------------------------------------------------------------------------
|
||||
* Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
* Licensed under the Source EULA. See License.txt in the project root for license information.
|
||||
*--------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid-cell-padding {
|
||||
padding: .5em .8em .4em
|
||||
}
|
||||
|
||||
.grid-cell {
|
||||
border-top-style: none;
|
||||
color: var(--color-content, #101010);
|
||||
letter-spacing: .03em;
|
||||
border-color: var(--border-color-default, #000000);
|
||||
font-size: .95em;
|
||||
border-bottom-width: 1px;
|
||||
border-left-style: none;
|
||||
border-right-color: #ACACAC;
|
||||
border-right-style: dotted;
|
||||
padding: .5em .8em .4em
|
||||
}
|
||||
|
||||
.grid {
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.grid .slick-header-column {
|
||||
border-top-style: none;
|
||||
color: var(--color-content, #101010);
|
||||
letter-spacing: .03em;
|
||||
border-color: var(--border-color-default, #000000);
|
||||
font-size: .95em;
|
||||
border-bottom-width: 1px;
|
||||
border-left-style: none;
|
||||
border-right-color: #ACACAC;
|
||||
border-right-style: dotted;
|
||||
padding: .5em .8em .4em;
|
||||
background-color: var( --color-bg-content-header, #F5F5F5);
|
||||
border-bottom-color: #ACACAC
|
||||
}
|
||||
|
||||
.grid .slick-cell {
|
||||
border-top-style: none;
|
||||
color: var(--color-content, #101010);
|
||||
letter-spacing: .03em;
|
||||
border-color: var(--border-color-default, #000000);
|
||||
font-size: .95em;
|
||||
border-bottom-width: 1px;
|
||||
border-left-style: none;
|
||||
border-right-color: #ACACAC;
|
||||
border-right-style: dotted;
|
||||
padding: .5em .8em .4em;
|
||||
/* background-color: var(--background-color, white); */
|
||||
}
|
||||
|
||||
.grid .slick-cell.selected {
|
||||
background-color: var(--color-cell-bg-grid-selected, rgb(173, 214, 255));
|
||||
color: var(--color-content, #101010);
|
||||
}
|
||||
|
||||
.grid .slick-cell.selected .grid-cell-value-container.missing-value {
|
||||
color: black
|
||||
}
|
||||
|
||||
.grid .slick-cell.editable {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.grid .slick-cell.editable input {
|
||||
padding: .5em .8em .4em;
|
||||
height: 100%;
|
||||
padding: .4em .65em .1em;
|
||||
letter-spacing: .03em
|
||||
}
|
||||
|
||||
.grid .slick-cell.editable input:focus {
|
||||
outline-offset: 0
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container {
|
||||
display: block;
|
||||
white-space: pre;
|
||||
width: 100%;
|
||||
overflow-x: hidden;
|
||||
text-overflow: ellipsis
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container.override-cell {
|
||||
color: black
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container.highlighted {
|
||||
color: black
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container.blurred {
|
||||
color: #ABABAB
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container.context {
|
||||
color: darkblue;
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container.loading-cell {
|
||||
font-style: italic
|
||||
}
|
||||
|
||||
.grid .slick-cell .grid-cell-value-container.right-justified {
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.grid input.editor-text {
|
||||
width: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user