fix: tooltip position in editor instance (#3374)

This commit is contained in:
Liyas Thomas
2023-10-09 11:37:52 +05:30
committed by GitHub
parent b18fd90b64
commit 78450c9316
4 changed files with 13 additions and 19 deletions

View File

@@ -137,10 +137,10 @@ a {
.cm-tooltip { .cm-tooltip {
.tippy-box { .tippy-box {
@apply shadow-none; @apply shadow-none #{!important};
@apply fixed; @apply fixed;
@apply inline-flex; @apply inline-flex;
@apply -mt-8; @apply -mt-7.5;
} }
} }

View File

@@ -137,14 +137,14 @@ a {
.cm-tooltip { .cm-tooltip {
.tippy-box { .tippy-box {
@apply shadow-none; @apply shadow-none #{!important};
@apply fixed; @apply fixed;
@apply inline-flex; @apply inline-flex;
@apply -mt-8; @apply -mt-7.5;
} }
} }
.tippy-box[data-theme~="tooltip"] { .tippy-box[data-theme~='tooltip'] {
@apply bg-tooltip; @apply bg-tooltip;
@apply border-solid border-tooltip; @apply border-solid border-tooltip;
@apply rounded; @apply rounded;
@@ -183,7 +183,7 @@ a {
} }
} }
.tippy-box[data-theme~="popover"] { .tippy-box[data-theme~='popover'] {
@apply bg-popover; @apply bg-popover;
@apply border-solid border-dividerDark; @apply border-solid border-dividerDark;
@apply rounded; @apply rounded;
@@ -263,8 +263,8 @@ button {
@apply disabled:cursor-not-allowed; @apply disabled:cursor-not-allowed;
} }
.input[type="file"], .input[type='file'],
.input[type="radio"], .input[type='radio'],
#installPWA { #installPWA {
@apply hidden; @apply hidden;
} }
@@ -563,16 +563,16 @@ details[open] summary .indicator {
@apply bg-accent #{!important}; @apply bg-accent #{!important};
} }
.color-picker[type="color"] { .color-picker[type='color'] {
@apply appearance-none; @apply appearance-none;
} }
.color-picker[type="color"]::-webkit-color-swatch-wrapper { .color-picker[type='color']::-webkit-color-swatch-wrapper {
@apply rounded; @apply rounded;
@apply p-0; @apply p-0;
} }
.color-picker[type="color"]::-webkit-color-swatch { .color-picker[type='color']::-webkit-color-swatch {
@apply rounded; @apply rounded;
@apply border-0; @apply border-0;
} }

View File

@@ -160,9 +160,3 @@ const getCreatedTime = (date: string) => format(new Date(date), 'hh:mm a');
// Template refs // Template refs
const tippyActions = ref<TippyComponent | null>(null); const tippyActions = ref<TippyComponent | null>(null);
</script> </script>
<style scoped>
.tippy-box[data-theme~='popover'] .tippy-content {
padding: 0;
}
</style>

View File

@@ -137,10 +137,10 @@ a {
.cm-tooltip { .cm-tooltip {
.tippy-box { .tippy-box {
@apply shadow-none; @apply shadow-none #{!important};
@apply fixed; @apply fixed;
@apply inline-flex; @apply inline-flex;
@apply -mt-8; @apply -mt-7.5;
} }
} }