diff --git a/frontend/public/index.html b/frontend/public/index.html index af63f786a9..070dff8f52 100644 --- a/frontend/public/index.html +++ b/frontend/public/index.html @@ -4,15 +4,14 @@ - + - + Graphite diff --git a/frontend/src/App.vue b/frontend/src/App.vue index e3c4563b76..b683425edb 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -70,6 +70,7 @@ body, height: 100%; background: var(--color-2-mildblack); user-select: none; + overscroll-behavior: none; } html, @@ -78,6 +79,7 @@ input, textarea, button { font-family: "Source Sans Pro", Arial, sans-serif; + font-weight: 400; font-size: 14px; line-height: 1; color: var(--color-e-nearwhite); @@ -104,10 +106,12 @@ img { // WebKit &::-webkit-scrollbar { width: calc(2px + 6px + 2px); + height: calc(2px + 6px + 2px); } &:not(:hover)::-webkit-scrollbar { width: 0; + height: 0; } &::-webkit-scrollbar-track { diff --git a/frontend/src/components/layout/LayoutCol.vue b/frontend/src/components/layout/LayoutCol.vue index bbc4a3645b..6b2c2962e2 100644 --- a/frontend/src/components/layout/LayoutCol.vue +++ b/frontend/src/components/layout/LayoutCol.vue @@ -9,6 +9,8 @@ display: flex; flex-direction: column; flex-grow: 1; + min-width: 0; + min-height: 0; .spacer { flex: 1 1 100%; diff --git a/frontend/src/components/layout/LayoutRow.vue b/frontend/src/components/layout/LayoutRow.vue index c1b7dad1bd..101971c506 100644 --- a/frontend/src/components/layout/LayoutRow.vue +++ b/frontend/src/components/layout/LayoutRow.vue @@ -9,6 +9,8 @@ display: flex; flex-direction: row; flex-grow: 1; + min-width: 0; + min-height: 0; .spacer { flex: 1 1 100%; diff --git a/frontend/src/components/panels/Document.vue b/frontend/src/components/panels/Document.vue index b8d2b3e2fd..3fc62d0da3 100644 --- a/frontend/src/components/panels/Document.vue +++ b/frontend/src/components/panels/Document.vue @@ -1,6 +1,6 @@