Skip to content

Commit

Permalink
fix: editor shadow appears under the selected line background when ho…
Browse files Browse the repository at this point in the history
…rizontal scroll is active (#5020)

Co-authored-by: Zakhar Kozlov <zakharkv@amazon.com>
  • Loading branch information
InspiredGuy and Zakhar Kozlov authored Jan 18, 2023
1 parent 1e0b5a9 commit ab4f788
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 2 deletions.
2 changes: 1 addition & 1 deletion Readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ npm run test

You can also run the tests in your browser by serving:

http://localhost:8888/lib/ace/test/tests.html
http://localhost:8888/src/test/tests.html

This makes debugging failing tests way more easier.

Expand Down
9 changes: 8 additions & 1 deletion src/css/editor.css.js
Original file line number Diff line number Diff line change
Expand Up @@ -93,8 +93,15 @@ styles.join("\\n")
right: 0;
}
.ace_scroller.ace_scroll-left {
.ace_scroller.ace_scroll-left:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
pointer-events: none;
}
.ace_gutter-cell {
Expand Down

0 comments on commit ab4f788

Please sign in to comment.