mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-02-21 02:56:40 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: fix popper select caret and dropdown size

Browse source
This commit is contained in:
Alex Grozav 2023-07-05 14:40:38 +02:00
parent 2d27b137d2
commit 764c9cfe42
3 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/design-system/src/css/popper.scss
View file

@ -9,7 +9,7 @@
visibility: visible;
&:not(.el-popover) {
max-width: 240px;
max-width: 420px;
}
img {
@ -22,7 +22,7 @@
margin: 0;
}
&:not(.el-select__popper):not(.el-dropdown__popper) {
&:not(.el-select__popper):not(.el-dropdown__popper):not(.el-picker__popper) {
padding: var.$tooltip-padding;
font-size: var.$tooltip-font-size;
border-radius: 4px;

3
packages/design-system/src/css/select.scss
View file

@ -47,11 +47,10 @@
& .el-select__caret {
font-size: var.$select-input-font-size;
transition: transform 0.3s;
transform: rotateZ(180deg);
cursor: pointer;
@include mixins.when(reverse) {
transform: rotateZ(0deg);
transform: rotateZ(180deg);
}
@include mixins.when(show-close) {

6
packages/editor-ui/src/components/ExecutionFilter.vue
View file

@ -21,7 +21,7 @@ export type ExecutionFilterProps = {
popoverPlacement?: Placement;
};
const DATE_TIME_MASK = 'yyyy-MM-dd HH:mm';
const DATE_TIME_MASK = 'YYYY-MM-DD HH:mm';
const settingsStore = useSettingsStore();
const usageStore = useUsageStore();
@ -146,7 +146,7 @@ onBeforeMount(() => {
</script>
<template>
<div :class="$style.filter">
<n8n-popover trigger="click" :placement="popoverPlacement">
<n8n-popover trigger="click" :placement="popoverPlacement" width="440">
<template #reference>
<n8n-button
icon="filter"
@ -222,6 +222,7 @@ onBeforeMount(() => {
<el-date-picker
id="execution-filter-start-date"
type="datetime"
:teleported="false"
v-model="vModel.startDate"
:format="DATE_TIME_MASK"
:placeholder="locale.baseText('executionsFilter.startDate')"
@ -231,6 +232,7 @@ onBeforeMount(() => {
<el-date-picker
id="execution-filter-end-date"
type="datetime"
:teleported="false"
v-model="vModel.endDate"
:format="DATE_TIME_MASK"
:placeholder="locale.baseText('executionsFilter.endDate')"