ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-22 09:35:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

adjust css to pin toolbar (#11894)

Browse Source
This commit is contained in:
Laura Jiang
2020-08-20 17:11:53 -07:00
committed by GitHub
parent b2a1738836
commit 84d21b1e76
4 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/sql/workbench/contrib/notebook/browser/cellViews/cellToolbar.css
View File

@@ -4,6 +4,7 @@
*--------------------------------------------------------------------------------------------*/
cell-toolbar-component {
z-index: 2;
border-width: 1px;
border-style: solid;
position: absolute;

2
src/sql/workbench/contrib/notebook/browser/cellViews/textCell.component.html
View File

@@ -4,7 +4,7 @@
* Licensed under the Source EULA. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
-->
<div style="overflow: hidden; width: 100%; height: 100%; display: flex; flex-flow: column" (mouseover)="hover=true" (mouseleave)="hover=false">
<div style="width: 100%; height: 100%; display: flex; flex-flow: column" (mouseover)="hover=true" (mouseleave)="hover=false">
<markdown-toolbar-component #markdownToolbar *ngIf="previewFeaturesEnabled === true && isEditMode" [cellModel]="cellModel"></markdown-toolbar-component>
<div class="notebook-text" [class.edit-mode]="isEditMode" [class.show-preview]="showPreview">
<code-component *ngIf="isEditMode" [cellModel]="cellModel" (onContentChanged)="handleContentChanged()" [model]="model" [activeCellId]="activeCellId">

1
src/sql/workbench/contrib/notebook/browser/cellViews/textCell.css
View File

@@ -19,6 +19,7 @@ text-cell-component .notebook-preview {
user-select: none;
padding-left: 8px;
padding-right: 8px;
overflow: hidden;
}
text-cell-component .edit-mode code-component {
display: block;

7
src/sql/workbench/contrib/notebook/browser/notebookStyles.ts
View File

@@ -183,7 +183,12 @@ export function registerNotebookThemes(overrideEditorThemeSetting: boolean, conf
// Markdown editor toolbar
const toolbarBackgroundColor = theme.getColor(toolbarBackground);
if (toolbarBackgroundColor) {
collector.addRule(`markdown-toolbar-component { background: ${toolbarBackgroundColor};}`);
collector.addRule(`markdown-toolbar-component {
background: ${toolbarBackgroundColor};
position: sticky;
top: -16px;
z-index: 1;
}`);
}
const toolbarIconColor = theme.getColor(toolbarIcon);
if (toolbarIconColor) {