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 GitHub
parent 8c0aff8863
commit f723e6496a
3 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,8 +44,9 @@
class="flex flex-col items-center justify-center p-4 text-secondaryLight"
>
<icon-lucide-search class="pb-2 opacity-75 svg-icons" />
<span class="my-2 text-center">
{{ t("state.nothing_found") }} "{{ filterText }}"
<span class="my-2 text-center flex flex-col">
{{ t("state.nothing_found") }}
<span class="break-all">"{{ filterText }}"</span>
</span>
</div>
</div>

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"
>
<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="[
{ '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"
>
<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">
{{ t("environment.title") }}
</span>