diff --git a/frontend/public/index.html b/frontend/public/index.html index af63f786..070dff8f 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 e3c4563b..b683425e 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 bbc4a364..6b2c2962 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 c1b7dad1..101971c5 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 b8d2b3e2..3fc62d0d 100644 --- a/frontend/src/components/panels/Document.vue +++ b/frontend/src/components/panels/Document.vue @@ -1,6 +1,6 @@