Aiday Marlen Kyzy a31f703941 Making sticky scroll scrollable (#189466)
* work in progress make it scrollabel

* adding changes

* adding changes

* cleaning the code

* cleaning the code

* not usnig a vertical scrollbar

* scanning the dom node only on mouse over

* requires tweaking

* now the scrollbar can be used alongside the hovering on the sticky scroll

* setting handle mouse wheel to false in order not to scroll vertically inside of the scrollable element with wheel

* separated the line numbers and the actual line in order to be able to just move one of the scrollbars, the editor one and the line numbers remain the same

* cleanin the code

* we are able to make the full line appear

* the width is correctly updated on the width layout change of the editor

* only rendering when top scroll changed, not when horizontal scroll changed

* using the correct editor layout info, not the one saved in the constructor

* setting the linehtml node style width to 100% so that the whole line is covered, but still not covered after the end of the viewport

* changing the total width after rendering

* placing the color into sticky line number

* removing the direct setting of the colors

* adding the background color inside of sticky line number

* using the view zone in order to increase the scroll width of the editor

* placing the view zone at the very bottom of the file

* limiting the scrollable dom height to the height of the sticky widget lines node inside, so now the sticky widget works as before

* cleaning the code

* cleaning the code

* removing useless variable

* adding 100 pixels in order to see the end of the line

* removing the console logs

* putting back the check to what it was

* using the same string convention

* adding inheritance properties in order for the background color to be propagated

* cleaning the code

* cleaning the code

* using or instead of and in the zone accessos

* cleaning the code

* cleaning the code

* cleaning the CSS

* chaning the order of the CSS properties

* cleaning the code

* Improve rendering

* No need to resize the widget from the outside, the widget resizes itself

* placing the focus method inside of the sticky widget

* céeanig the code

* Minor tweaks

* Also update widget width when the scroll width changes

* Allow overlay widgets to pass in a minimum content width

* Also update the min content width if the position doesn't change

* defining method for mi content width in px

* updating the minimum content width

* adding setting in order to be able to control whether sticky scroll scrolling should be influenced by editor horizontal scrolling

* removing redundant new line

* Fix typo

* Extract code in a function

---------

Co-authored-by: Alexandru Dima <alexdima@microsoft.com>
2023-08-07 17:35:57 +01:00
2023-06-28 09:29:16 +02:00
2023-07-19 16:01:20 +02:00
2023-04-03 09:09:31 +02:00
2023-08-07 21:46:27 +09:00
2023-08-07 17:35:03 +01:00

Visual Studio Code - Open Source ("Code - OSS")

Feature Requests Bugs Gitter

The Repository

This repository ("Code - OSS") is where we (Microsoft) develop the Visual Studio Code product together with the community. Not only do we work on code and issues here, we also publish our roadmap, monthly iteration plans, and our endgame plans. This source code is available to everyone under the standard MIT license.

Visual Studio Code

VS Code in action

Visual Studio Code is a distribution of the Code - OSS repository with Microsoft-specific customizations released under a traditional Microsoft product license.

Visual Studio Code combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools.

Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on Visual Studio Code's website. To get the latest releases every day, install the Insiders build.

Contributing

There are many ways in which you can participate in this project, for example:

If you are interested in fixing issues and contributing directly to the code base, please see the document How to Contribute, which covers the following:

Feedback

See our wiki for a description of each of these channels and information on some other available community-driven channels.

Many of the core components and extensions to VS Code live in their own repositories on GitHub. For example, the node debug adapter and the mono debug adapter repositories are separate from each other. For a complete list, please visit the Related Projects page on our wiki.

Bundled Extensions

VS Code includes a set of built-in extensions located in the extensions folder, including grammars and snippets for many languages. Extensions that provide rich language support (code completion, Go to Definition) for a language have the suffix language-features. For example, the json extension provides coloring for JSON and the json-language-features extension provides rich language support for JSON.

Development Container

This repository includes a Visual Studio Code Dev Containers / GitHub Codespaces development container.

  • For Dev Containers, use the Dev Containers: Clone Repository in Container Volume... command which creates a Docker volume for better disk I/O on macOS and Windows.
    • If you already have VS Code and Docker installed, you can also click here to get started. This will cause VS Code to automatically install the Dev Containers extension if needed, clone the source code into a container volume, and spin up a dev container for use.
  • For Codespaces, install the GitHub Codespaces extension in VS Code, and use the Codespaces: Create New Codespace command.

Docker / the Codespace should have at least 4 Cores and 6 GB of RAM (8 GB recommended) to run full build. See the development container README for more information.

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

License

Copyright (c) Microsoft Corporation. All rights reserved.

Licensed under the MIT license.

S
Description
Languages
TypeScript 75.5%
jsonc 20%
CSS 1.3%
JavaScript 0.8%
C 0.7%
Other 1.4%