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

fix: broken sticky sections on font size

Browse Source
This commit is contained in:
liyasthomas
2021-08-04 01:00:06 +05:30
parent d0c0a543cf
commit b03565a816
27 changed files with 128 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/collections/graphql/index.vue
View File

@@ -4,7 +4,7 @@
:class="{ 'rounded border border-divider': savingMode }"
>
<div
class="flex flex-col top-8 z-10 sticky"
class="flex flex-col top-sidebarPrimaryStickyFold z-10 sticky"
:class="{ 'bg-primary': !savingMode }"
>
<div v-if="showCollActions" class="search-wrapper">

2
components/collections/index.vue
View File

@@ -5,7 +5,7 @@
>
<div
class="bg-primary rounded-t flex flex-col top-0 z-10 sticky"
:class="{ '!top-8': !saveRequest && !doc }"
:class="{ '!top-sidebarPrimaryStickyFold': !saveRequest && !doc }"
>
<div v-if="!saveRequest" class="search-wrapper">
<input

11
components/environments/index.vue
View File

@@ -1,6 +1,15 @@
<template>
<AppSection label="environments">
<div class="bg-primary rounded-t flex flex-col top-8 z-10 sticky">
<div
class="
bg-primary
rounded-t
flex flex-col
top-sidebarPrimaryStickyFold
z-10
sticky
"
>
<div class="select-wrapper">
<select
v-model="selectedEnvironmentIndex"

2
components/history/index.vue
View File

@@ -5,7 +5,7 @@
bg-primaryLight
border-b border-dividerLight
flex
top-8
top-sidebarPrimaryStickyFold
z-10
sticky
"

2
components/http/BodyParameters.vue
View File

@@ -6,7 +6,7 @@
border-b border-dividerLight
flex flex-1
pl-4
top-24
top-upperSecondaryStickyFold
z-10
sticky
items-center

2
components/http/Headers.vue
View File

@@ -6,7 +6,7 @@
border-b border-dividerLight
flex flex-1
pl-4
top-24
top-upperSecondaryStickyFold
z-10
sticky
items-center

2
components/http/Parameters.vue
View File

@@ -5,8 +5,8 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-upperSecondaryStickyFold
pl-4
top-24
z-10
sticky
items-center

2
components/http/PreRequestScript.vue
View File

@@ -6,7 +6,7 @@
border-b border-dividerLight
flex flex-1
pl-4
top-24
top-upperSecondaryStickyFold
z-10
sticky
items-center

2
components/http/RawBody.vue
View File

@@ -6,7 +6,7 @@
border-b border-dividerLight
flex flex-1
pl-4
top-24
top-upperSecondaryStickyFold
z-10
sticky
items-center

15
components/http/Request.vue
View File

@@ -20,9 +20,8 @@
cursor-pointer
flex
font-semibold font-mono
h-8
text-secondaryDark
py-1
py-2
px-4
transition
w-28
@@ -75,7 +74,7 @@
font-semibold font-mono
flex-1
text-secondaryDark
py-1
py-2
px-4
transition
truncate
@@ -106,7 +105,11 @@
arrow
>
<template #trigger>
<ButtonPrimary class="rounded-l-none" icon="keyboard_arrow_down" />
<ButtonPrimary
class="rounded-l-none"
outline
icon="keyboard_arrow_down"
/>
</template>
<SmartItem
:label="$t('import.curl')"
@@ -136,7 +139,7 @@
</tippy>
</span>
<ButtonSecondary
class="rounded-r-none h-8 ml-2"
class="rounded-r-none ml-2"
:label="$t('request.save')"
:shortcut="[getSpecialKey(), 'S']"
outline
@@ -155,7 +158,7 @@
<ButtonSecondary
icon="keyboard_arrow_down"
outline
class="rounded-l-none h-8"
class="rounded-l-none"
/>
</template>
<input

6
components/http/Tests.vue
View File

@@ -1,13 +1,13 @@
<template>
<SmartTabs styles="sticky top-24 z-20">
<SmartTabs styles="sticky top-upperSecondaryStickyFold z-20">
<SmartTab id="script" :label="$t('test.script')" :selected="true">
<div
class="
bg-primary
border-b border-dividerLight
flex flex-1
top-upperTertiaryStickyFold
pl-4
top-32
z-10
sticky
items-center
@@ -54,8 +54,8 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-upperTertiaryStickyFold
pl-4
top-32
z-10
sticky
items-center

2
components/lenses/ResponseBodyRenderer.vue
View File

@@ -1,5 +1,5 @@
<template>
<SmartTabs styles="sticky z-10 top-12">
<SmartTabs styles="sticky z-10 top-lowerPrimaryStickyFold">
<SmartTab
v-for="(lens, index) in validLenses"
:id="lens.lensName"

2
components/lenses/renderers/HTMLLensRenderer.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-20
top-lowerSecondaryStickyFold
z-10
sticky
items-center

2
components/lenses/renderers/ImageLensRenderer.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-20
top-lowerSecondaryStickyFold
z-10
sticky
items-center

2
components/lenses/renderers/JSONLensRenderer.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-20
top-lowerSecondaryStickyFold
z-10
sticky
items-center

2
components/lenses/renderers/RawLensRenderer.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-20
top-lowerSecondaryStickyFold
z-10
sticky
items-center

2
components/lenses/renderers/XMLLensRenderer.vue
View File

@@ -5,7 +5,7 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-20
top-lowerSecondaryStickyFold
z-10
sticky
items-center

4
components/realtime/Mqtt.vue
View File

@@ -18,11 +18,11 @@
font-semibold font-mono
text-secondaryDark
w-full
py-1
py-2
px-4
transition
truncate
focus:outline-none focus:border-accent
focus:border-accent focus:outline-none
"
:placeholder="$t('url')"
/>

8
components/realtime/Socketio.vue
View File

@@ -21,11 +21,11 @@
flex-1
text-secondaryDark
w-full
py-1
py-2
px-4
transition
truncate
focus:outline-none focus:border-accent
focus:border-accent focus:outline-none
"
:placeholder="$t('url')"
@keyup.enter="urlValid ? toggleConnection() : null"
@@ -41,11 +41,11 @@
flex-1
text-secondaryDark
w-full
py-1
py-2
px-4
transition
truncate
focus:outline-none focus:border-accent
focus:border-accent focus:outline-none
"
spellcheck="false"
/>

2
components/realtime/Sse.vue
View File

@@ -16,7 +16,7 @@
font-semibold font-mono
text-secondaryDark
w-full
py-1
py-2
px-4
transition
truncate

6
components/realtime/Websocket.vue
View File

@@ -16,11 +16,11 @@
font-semibold font-mono
text-secondaryDark
w-full
py-1
py-2
px-4
transition
truncate
focus:outline-none focus:border-accent
focus:border-accent focus:outline-none
"
type="url"
spellcheck="false"
@@ -45,8 +45,8 @@
bg-primary
border-b border-dividerLight
flex flex-1
top-upperPrimaryStickyFold
pl-4
top-16
z-10
sticky
items-center

4
components/smart/FontSizePicker.vue
View File

@@ -18,13 +18,9 @@
:label="`${fontSizes.find(({ code }) => code == active.code).name}`"
/>
</template>
<!-- text-xs -->
<!-- text-sm -->
<!-- text-base -->
<SmartItem
v-for="(size, index) in fontSizes"
:key="`size-${index}`"
:class="`text-${size.code}`"
:label="size.name"
@click.native="
setActiveFont(size)