editor max-height

live-codes · Sep 8, 2024 · 54ca72b · 54ca72b
1 parent 127c3c2
commit 54ca72b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/e2e/helpers.ts b/e2e/helpers.ts
@@ -44,4 +44,4 @@ export const waitForEditorFocus = async (app: Frame, selector = '#editors') => {
   await app.waitForFunction(`document.activeElement.closest("${selector}") != null`);
 };
 
-export const runButtonSelector = '[alt="Run"]';
+export const runButtonSelector = '#run-button"';
diff --git a/src/livecodes/styles/app.scss b/src/livecodes/styles/app.scss
@@ -606,12 +606,13 @@ a {
 
   .editor {
     font-variant-ligatures: discretionary-ligatures;
+    max-height: calc(100% - 32px);
     visibility: hidden;
   }
 
   > div {
     flex-grow: 1;
-    min-height: 30px;
+    min-height: 32px;
     position: relative;
     width: 100%;
   }
@@ -1249,7 +1250,7 @@ li.editor-title {
     background: var(--menu-split-color);
   }
 
-  .hint--left:after {
+  .hint--left::after {
     margin-bottom: -18px; // fix menu language tooltip
   }
 }
@@ -1326,10 +1327,6 @@ li.editor-title {
   }
 
   .menu-scroller-script {
-    right: 0;
-    transform: translateX(30%);
-    width: 800%;
-
     right: 0;
     transform: translateX(40%);
     width: 570%;
@@ -2064,8 +2061,7 @@ i.arrow {
   }
 
   .asset-details {
-    margin-bottom: 10px;
-    margin-bottom: 10px;
+    margin-bottom: .5rem;
     width: calc(100% - 80px);
   }
 
@@ -2089,11 +2085,8 @@ i.arrow {
       height: 1em;
       --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(1 3)'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M11.914.5H15.5a2 2 0 0 1 2 2v3.586a1 1 0 0 1-.293.707l-6.793 6.793a2 2 0 0 1-2.828 0l-3.172-3.172a2 2 0 0 1 0-2.828L11.207.793A1 1 0 0 1 11.914.5'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='m7.5 13.5l-2.013 1.006A2 2 0 0 1 2.72 13.42L1.105 9.114a2 2 0 0 1 .901-2.45L9.5 2.5'/%3E%3Crect width='2' height='2' x='14' y='2' fill='%23000' rx='1'/%3E%3C/g%3E%3C/svg%3E");
       background-color: currentColor;
-      -webkit-mask-image: var(--svg);
       mask-image: var(--svg);
-      -webkit-mask-repeat: no-repeat;
       mask-repeat: no-repeat;
-      -webkit-mask-size: 100% 100%;
       mask-size: 100% 100%;
       margin-right: 4px;
   }