Merge pull request #806 from googlefonts/scrollbars

Show scrollbars only if needed.
googlefonts · Sep 14, 2023 · 8d27483 · 8d27483
2 parents 536db19 + 8b4e456
commit 8d27483
Show file tree

Hide file tree

Showing 8 changed files with 7 additions and 15 deletions.
diff --git a/src/fontra/client/web-components/designspace-location.js b/src/fontra/client/web-components/designspace-location.js
@@ -9,7 +9,7 @@ export class DesignspaceLocation extends UnlitElement {
       display: grid;
       grid-template-columns: 25% auto;
       gap: 0.4em;
-      overflow: scroll;
+      overflow: auto;
     }
 
     .slider-label {

diff --git a/src/fontra/client/web-components/grouped-settings.js b/src/fontra/client/web-components/grouped-settings.js
@@ -4,7 +4,7 @@ import { SimpleSettings } from "./simple-settings.js";
 export class GroupedSettings extends UnlitElement {
   static styles = `
     :host {
-      overflow-y: scroll;
+      overflow-y: auto;
     }
 
     .header {

diff --git a/src/fontra/client/web-components/ui-form.js b/src/fontra/client/web-components/ui-form.js
@@ -123,7 +123,7 @@ export class Form extends SimpleElement {
       grid-template-columns: 32% 68%;
       gap: 0.35rem 0.35rem;
       overflow-x: hidden;
-      overflow-y: scroll;
+      overflow-y: auto;
     }
 
     .ui-form-label {

diff --git a/src/fontra/filesystem/landing.css b/src/fontra/filesystem/landing.css
@@ -146,7 +146,7 @@ a {
 
 #project-list {
   display: grid;
-  overflow-y: scroll;
+  overflow-y: auto;
 }
 
 .project-item {

diff --git a/src/fontra/views/editor/editor.css b/src/fontra/views/editor/editor.css
@@ -330,14 +330,6 @@ body {
   padding: 0.5em;
 }
 
-.axis-sliders {
-  display: flex;
-  flex-direction: column;
-  gap: 0.4em;
-  overflow: scroll;
-  padding-bottom: 0.4em;
-}
-
 .canvas-container {
   position: relative; /* for the children */
   width: 100%;

diff --git a/src/fontra/views/editor/panel-designspace-navigation.js b/src/fontra/views/editor/panel-designspace-navigation.js
@@ -643,7 +643,7 @@ export default class DesignspaceNavigationPanel extends Panel {
     const locationElement = html.createDomElement("designspace-location", {
       style: `grid-column: 1 / -1;
         min-height: 0;
-        overflow: scroll;
+        overflow: auto;
         height: 100%;
       `,
     });

diff --git a/src/fontra/views/editor/panel-selection-info.js b/src/fontra/views/editor/panel-selection-info.js
@@ -22,7 +22,7 @@ export default class SelectionInfoPanel extends Panel {
       height: 100%;
       width: 100%;
       overflow-x: hidden;
-      overflow-y: scroll;
+      overflow-y: auto;
       padding: 1em;
     }
   `;

diff --git a/src/fontra/views/editor/panel-text-entry.js b/src/fontra/views/editor/panel-text-entry.js
@@ -58,7 +58,7 @@ export default class TextEntryPanel extends Panel {
       font-family: fontra-ui-regular, sans-serif;
       font-size: 1.1rem;
       resize: none;
-      overflow-x: scroll;
+      overflow-x: auto;
     }
   `;