btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

chore: hide scrollbar

Browse Source
This commit is contained in:
liyasthomas
2021-11-24 19:27:25 +05:30
parent b398ed1e90
commit b58278d55e
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/hoppscotch-app/assets/scss/styles.scss
View File

@@ -27,6 +27,11 @@
@apply h-4; @apply h-4;
} }
.hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar { .hide-scrollbar::-webkit-scrollbar {
@apply hidden; @apply hidden;
} }
@@ -61,7 +66,6 @@ body {
animation: fade 300ms forwards; animation: fade 300ms forwards;
font-size: var(--body-font-size); font-size: var(--body-font-size);
line-height: var(--body-line-height); line-height: var(--body-line-height);
overflow: overlay;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; -webkit-touch-callout: none;
} }

2
packages/hoppscotch-app/layouts/default.vue
View File

@@ -24,7 +24,7 @@
> >
<Pane class="flex flex-1 hide-scrollbar !overflow-auto"> <Pane class="flex flex-1 hide-scrollbar !overflow-auto">
<main class="flex flex-1 w-full"> <main class="flex flex-1 w-full">
<nuxt class="flex flex-1" style="overflow-y: overlay" /> <nuxt class="flex flex-1" />
</main> </main>
</Pane> </Pane>
</Splitpanes> </Splitpanes>