feat(client): make Ace editor sticky

ia-toki · Nov 11, 2023 · 2d253b7 · 2d253b7
1 parent 73bb45c
commit 2d253b7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/judgels-client/src/components/AppContent/AppContent.scss b/judgels-client/src/components/AppContent/AppContent.scss
@@ -1,10 +1,12 @@
 .app-content {
-  overflow-x: auto;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 35px;
 }
 
+.app-content:not(:has(.ace_editor)) {
+  overflow-x: auto;
+}
 
 @media only screen and (max-width: 1024px) {
   .app-content {

diff --git a/...ses/single/chapters/single/problems/single/Programming/ChapterProblemStatementRoutes.scss b/...ses/single/chapters/single/problems/single/Programming/ChapterProblemStatementRoutes.scss
@@ -1,3 +1,6 @@
 .chapter-problem-statement-routes {
+  position: sticky;
+  top: 15px;
+  align-self: flex-start;
   flex: 1;
 }