mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-25 20:54:07 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Fix templates view layout (#8196)

Browse source 
## Summary
Recent changes to the template info carousel component broke the layout
of the templates way so it had excessive width when templates categories
carousel was visible.
This PR reverts disables CSS that held it in place.


## Related tickets and issues
Fixes ADO-1628


## Review / Merge checklist
- [ ] PR title and summary are descriptive. **Remember, the title
automatically goes into the changelog. Use `(no-changelog)` otherwise.**
([conventions](https://github.com/n8n-io/n8n/blob/master/.github/pull_request_title_conventions.md))
- [ ] [Docs updated](https://github.com/n8n-io/n8n-docs) or follow-up
ticket created.
- [ ] Tests included.
> A bug is not considered fixed, unless a test is added to prevent it
from happening again.
   > A feature is not complete without tests.
This commit is contained in:
Milorad FIlipović 2024-01-02 14:13:09 +01:00 committed by GitHub
parent 17a4e2ea80
commit d01e42a2aa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
cypress/pages/workflows.ts
View file

@ -35,7 +35,7 @@ export class WorkflowsPage extends BasePage {
// myWorkflows: () => cy.getByTestId('my-workflows'), // myWorkflows: () => cy.getByTestId('my-workflows'),
// allWorkflows: () => cy.getByTestId('all-workflows'), // allWorkflows: () => cy.getByTestId('all-workflows'),
suggestedTemplatesPageContainer: () => cy.getByTestId('suggested-templates-page-container'), suggestedTemplatesPageContainer: () => cy.getByTestId('suggested-templates-page-container'),
suggestedTemplatesCards: () => cy.getByTestId('templates-info-card').filter(':visible'), suggestedTemplatesCards: () => cy.get('.agile__slides--regular [data-test-id=templates-info-card]'),
suggestedTemplatesNewWorkflowButton: () => cy.getByTestId('suggested-templates-new-workflow-button'), suggestedTemplatesNewWorkflowButton: () => cy.getByTestId('suggested-templates-new-workflow-button'),
suggestedTemplatesSectionContainer: () => cy.getByTestId('suggested-templates-section-container'), suggestedTemplatesSectionContainer: () => cy.getByTestId('suggested-templates-section-container'),
suggestedTemplatesPreviewModal: () => cy.getByTestId('suggested-templates-preview-modal'), suggestedTemplatesPreviewModal: () => cy.getByTestId('suggested-templates-preview-modal'),

2
packages/editor-ui/src/components/CollectionWorkflowCard.vue
View file

@ -30,7 +30,7 @@ export default defineComponent({
<style lang="scss" module> <style lang="scss" module>
.card { .card {
min-width: 180px; min-width: 235px;
height: 140px; height: 140px;
margin-right: var(--spacing-2xs); margin-right: var(--spacing-2xs);
cursor: pointer; cursor: pointer;

4
packages/editor-ui/src/components/TemplatesInfoCarousel.vue
View file

@ -229,5 +229,9 @@ export default defineComponent({
overflow-x: auto; overflow-x: auto;
transition: all 1s ease-in-out; transition: all 1s ease-in-out;
} }
&__track {
width: 50px;
}
} }
</style> </style>