accounting/books
2
0
Fork 0
mirror of https://github.com/frappe/books.git synced 2024-11-13 00:46:28 +00:00
Code Issues Releases Activity

fix: Popover arrow styles for all positions

Browse Source
This commit is contained in:
Faris Ansari 2020-04-30 16:43:24 +05:30
parent 0819b6dea7
commit 88dc90c0fa
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Popover.vue
View File

@ -143,19 +143,28 @@ export default {
content: ''; content: '';
background: white; background: white;
transform: rotate(45deg); transform: rotate(45deg);
border-top: 1px solid theme('borderColor.gray.400');
border-left: 1px solid theme('borderColor.gray.400');
border-top-left-radius: 6px;
} }
.popover-container[data-popper-placement^='top'] > .popover-arrow { .popover-container[data-popper-placement^='top'] > .popover-arrow {
bottom: calc(theme('spacing.2') * -1); bottom: calc(theme('spacing.2') * -1);
} }
.popover-container[data-popper-placement^='top'] > .popover-arrow::after {
border-bottom: 1px solid theme('borderColor.gray.400');
border-right: 1px solid theme('borderColor.gray.400');
border-bottom-right-radius: 6px;
}
.popover-container[data-popper-placement^='bottom'] > .popover-arrow { .popover-container[data-popper-placement^='bottom'] > .popover-arrow {
top: calc(theme('spacing.2') * -1); top: calc(theme('spacing.2') * -1);
} }
.popover-container[data-popper-placement^='bottom'] > .popover-arrow::after {
border-top: 1px solid theme('borderColor.gray.400');
border-left: 1px solid theme('borderColor.gray.400');
border-top-left-radius: 6px;
}
.popover-container[data-popper-placement^='left'] > .popover-arrow { .popover-container[data-popper-placement^='left'] > .popover-arrow {
right: calc(theme('spacing.2') * -1); right: calc(theme('spacing.2') * -1);
} }