diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss index 20a2a47c1b72d..299745d01cb83 100644 --- a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss +++ b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss @@ -26,7 +26,7 @@ font-family: var(--font-sans); } - > span { + .LemonButton__chrome { display: flex; flex: 1; gap: 0.5rem; diff --git a/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss b/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss index 6b1325a852945..3fa477a4f7958 100644 --- a/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss +++ b/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss @@ -91,6 +91,10 @@ height: 100%; overflow: hidden; } + + .posthog-3000 & { + border-color: var(--secondary-3000-button-border); + } } .LemonModal__header { diff --git a/frontend/src/lib/lemon-ui/Popover/Popover.scss b/frontend/src/lib/lemon-ui/Popover/Popover.scss index e4ae40e777722..3830c69167a80 100644 --- a/frontend/src/lib/lemon-ui/Popover/Popover.scss +++ b/frontend/src/lib/lemon-ui/Popover/Popover.scss @@ -94,13 +94,11 @@ width: max-content; } - .posthog-3000 & { + .posthog-3000 &, + .posthog-3000 .Popover--actionable & { padding: 0.25rem; background: var(--bg-light); - } - - .posthog-3000 .Popover--actionable & { - border-color: var(--border); + border-color: var(--secondary-3000-button-border); } } diff --git a/frontend/src/queries/nodes/DataTable/DataTable.tsx b/frontend/src/queries/nodes/DataTable/DataTable.tsx index ade747f814a41..4008a997b7295 100644 --- a/frontend/src/queries/nodes/DataTable/DataTable.tsx +++ b/frontend/src/queries/nodes/DataTable/DataTable.tsx @@ -439,7 +439,7 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } return ( -
+
{showHogQLEditor && isHogQLQuery(query.source) && !isReadOnly ? ( ) : null} diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss index 31083a687651d..72bac1d54564e 100644 --- a/frontend/src/styles/vars.scss +++ b/frontend/src/styles/vars.scss @@ -145,8 +145,8 @@ $colors: ( 'secondary-3000-button-border-light': #ccc, 'secondary-3000-button-border-hover-light': #aaa, - 'shadow-elevation-3000-light': 0 2px 0 var(--border-3000-light), - 'shadow-elevation-3000-dark': 0 2px 0 var(--border-3000-dark), + 'shadow-elevation-3000-light': 0 3px 0 var(--border-3000-light), + 'shadow-elevation-3000-dark': 0 3px 0 var(--border-3000-dark), 'text-3000-dark': #fff, 'text-secondary-3000-dark': rgba(#fff, 0.7), 'muted-3000-dark': rgba(#fff, 0.5),