Skip to content

Add a shadow to the bottom side of the sticky widget #279

@ptsl

Description

@ptsl

Hello, Ayu Mirage has been my favorite VSCode and Sublime Text theme since I first discovered it.

However, on VSCode, it does not work nicely with Sticky Scroll.

Problem Description

  1. Go to the VSCode menu. Enable View -> Sticky Scroll.

This enables the sticky scroll widget. This widget always shows the current class and method.

  1. Go to Settings (Ctrl+,).
  2. Go to Editor > Sticky Scroll: Default Model.
  3. Try all settings. The last setting (indentationModel) will make the sticky window as tall as possible.

Now, there is no line showing the border between the sticky widget and the rest of the editor. There is nothing to show that some lines of the function definition are missing, save for the gap in line numbers. (Line 54 is followed by Line 65 and then by Line 77.)

Dark:
image

Light:
image

Please, add a shadow to the bottom side of the sticky widget (<div class="sticky-widget">). For your inspiration... I've filed a similar issue to Yi Dark & Yi Light Themes and this is how they fixed it:

Dark:
image

Light:
image

Anyway, I said, this is just for inspiration and there are other solutions. For example, Dark High Contrast theme adds a simple line. Or a different background can be used for the sticky widget, just to give you a few ideas.

Activity

deathaxe

deathaxe commented on Sep 7, 2024

@deathaxe

This repo targets Sublime Text, but not VS Code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @ptsl@deathaxe

        Issue actions

          Add a shadow to the bottom side of the sticky widget · Issue #279 · dempfi/ayu