From 9d2f4786c79e0c00469553b201d78f8a9e257a62 Mon Sep 17 00:00:00 2001 From: Sven Grossmann Date: Mon, 5 Jun 2023 20:24:41 +0200 Subject: [PATCH] Log Row: Fix menu styling and dimensions (#69569) * fix wrong logrowmenu styling * fix imports --- .../logs/components/LogRowMessage.tsx | 21 +++++++++---------- .../logs/components/getLogRowStyles.ts | 8 ++----- 2 files changed, 12 insertions(+), 17 deletions(-) diff --git a/public/app/features/logs/components/LogRowMessage.tsx b/public/app/features/logs/components/LogRowMessage.tsx index 253b8fdc3eb..97de6c96a9e 100644 --- a/public/app/features/logs/components/LogRowMessage.tsx +++ b/public/app/features/logs/components/LogRowMessage.tsx @@ -3,8 +3,8 @@ import memoizeOne from 'memoize-one'; import React, { PureComponent } from 'react'; import Highlighter from 'react-highlight-words'; -import { LogRowModel, findHighlightChunksInText, CoreApp } from '@grafana/data'; -import { ClipboardButton, IconButton, Tooltip } from '@grafana/ui'; +import { CoreApp, findHighlightChunksInText, LogRowModel } from '@grafana/data'; +import { ClipboardButton, IconButton } from '@grafana/ui'; import { LogMessageAnsi } from './LogMessageAnsi'; import { LogRowStyles } from './getLogRowStyles'; @@ -100,16 +100,15 @@ export class LogRowMessage extends PureComponent { - + {shouldShowContextToggle && ( - - - + )} { position: absolute; top: 0; bottom: auto; - height: ${theme.spacing(4.5)}; background: ${theme.colors.background.primary}; box-shadow: ${theme.shadows.z3}; - padding: ${theme.spacing(0, 0, 0, 0.5)}; + padding: ${theme.spacing(0.5, 0.5, 0.5, 1)}; z-index: 100; visibility: hidden; - width: ${theme.spacing(5)}; - `, - rowMenuWithContextButton: css` - width: ${theme.spacing(10)}; + gap: ${theme.spacing(0.5)}; `, logRowMenuCell: css` position: sticky;