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

fix: text overflow on details summary label (#3160)

Browse Source 
Co-authored-by: Nivedin <nivedinp@gmail.com>
This commit is contained in:
Liyas Thomas
2023-06-26 18:30:25 +05:30
committed by Andrew Bastin
parent 355bd62b8d
commit 09360abf81
3 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/hoppscotch-common/src/components/app/Shortcuts.vue
View File

@@ -43,10 +43,12 @@
v-if="searchResults.length === 0" v-if="searchResults.length === 0"
:text="`${t('state.nothing_found')} ‟${filterText}”`" :text="`${t('state.nothing_found')} ‟${filterText}”`"
> >
<template #icon> <icon-lucide-search class="pb-2 opacity-75 svg-icons" />
<icon-lucide-search class="pb-2 opacity-75 svg-icons" /> <span class="my-2 text-center flex flex-col">
</template> {{ t("state.nothing_found") }}
</HoppSmartPlaceholder> <span class="break-all">"{{ filterText }}"</span>
</span>
</div>
</div> </div>
<div v-else class="flex flex-col divide-y divide-dividerLight"> <div v-else class="flex flex-col divide-y divide-dividerLight">
<details <details

6
packages/hoppscotch-common/src/components/history/index.vue
View File

@@ -72,9 +72,11 @@
class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group" class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
> >
<span <span
class="inline-flex items-center justify-center px-4 py-2 transition group-hover:text-secondary" class="inline-flex items-center justify-center px-4 py-2 transition group-hover:text-secondary truncate"
> >
<icon-lucide-chevron-right class="mr-2 indicator" /> <icon-lucide-chevron-right
class="mr-2 indicator flex flex-shrink-0"
/>
<span <span
:class="[ :class="[
{ 'capitalize-first': groupSelection === 'TIME' }, { 'capitalize-first': groupSelection === 'TIME' },

6
packages/hoppscotch-common/src/components/http/TestResult.vue
View File

@@ -28,9 +28,11 @@
class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group" class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
> >
<span <span
class="inline-flex items-center justify-center px-4 py-2 transition group-hover:text-secondary" class="inline-flex items-center justify-center px-4 py-2 transition group-hover:text-secondary truncate"
> >
<icon-lucide-chevron-right class="mr-2 indicator" /> <icon-lucide-chevron-right
class="mr-2 indicator flex flex-shrink-0"
/>
<span class="truncate capitalize-first"> <span class="truncate capitalize-first">
{{ t("environment.title") }} {{ t("environment.title") }}
</span> </span>