Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore: updated styling for configuration files #23781

Merged
merged 8 commits into from Sep 12, 2022
Merged

chore: updated styling for configuration files #23781

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
548b3ed
updated styling for configuration files such that only the header sho…
amehta265 Sep 7, 2022
41dee70
eslint error fixing
amehta265 Sep 7, 2022
fc46b60
Merge branch 'develop' into issue-21847
amehta265 Sep 9, 2022
5c76c1a
rewrote filerow with headlessUI for better styling control
amehta265 Sep 9, 2022
197089e
fixed max-height
amehta265 Sep 9, 2022
ec31c39
updated styles for only header focus
amehta265 Sep 12, 2022
231c7d5
Merge branch 'develop' into issue-21847
amehta265 Sep 12, 2022
0264959
Merge branch 'develop' into issue-21847
amehta265 Sep 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 4 additions & 0 deletions packages/frontend-shared/src/components/Collapsible.vue
View file
Open in desktop
Expand Up @@ -25,6 +25,8 @@
:aria-hidden="!isOpen"
:class="{
'overflow-auto': isOpen && overflow,
'border rounded rounded-t-none bg-light-50 border-gray-100 mb-4 w-full block': isOpen && fileRow,
'overflow-hidden': !isOpen && fileRow
}"
>
<slot
Expand All @@ -45,12 +47,14 @@ const props = withDefaults(defineProps<{
lazy?: boolean
disable?: boolean
overflow?: boolean
fileRow?: boolean
}>(), {
initiallyOpen: false,
maxHeight: '500px',
lazy: false,
disable: false,
overflow: true,
fileRow: false,
})

const [isOpen, toggle] = useToggle(props.initiallyOpen)
Expand Down
8 changes: 4 additions & 4 deletions packages/launchpad/src/components/code/FileRow.vue
View file
Open in desktop
@@ -1,15 +1,15 @@
<template>
<Collapsible
class="border rounded bg-light-50 border-gray-100 mb-4 w-full block
overflow-hidden hocus-default"
class="rounded bg-light-50 border-gray-100 mb-4 w-full block"
max-height="500px"
:initially-open="statusInfo.initiallyOpen"
:data-cy="status"
:file-row="true"
>
<template #target="{open}">
<ListRowHeader
:class="{ 'border-b border-b-gray-100 rounded-b-none': open }"
class="cursor-pointer font-medium"
:class="{ 'rounded-b-none mb-0.1em default-ring': open, 'overflow-hidden': !open }"
class="border hocus-default cursor-pointer font-medium"
:description="description"
:icon="statusInfo.icon"
>
Expand Down