[release-12.2.1] Logs context: fix position on small viewports (#112343)

Logs context: fix position on small viewports (#112342)

(cherry picked from commit 6c726cf0ea)

Co-authored-by: Matias Chomicki <matias.chomicki@grafana.com>

public/app/features/logs/components/log-context/LogRowContextModal.tsx

@@ -40,9 +40,6 @@ const getStyles = (theme: GrafanaTheme2) => {
       [theme.breakpoints.down('md')]: {
         width: '100%',
       },
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
     }),
     sticky: css({
       position: 'sticky',

public/app/features/logs/components/panel/LogLineContext.tsx

@@ -431,14 +431,11 @@ const getStyles = (theme: GrafanaTheme2) => {
   return {
     modal: css({
       width: '85vw',
-      height: '80%',
+      height: '80vh',
       [theme.breakpoints.down('md')]: {
         width: '100%',
-        minHeight: '100%',
+        height: '100vh',
       },
-      top: '50%',
-      left: '50%',
-      transform: 'translate(-50%, -50%)',
     }),
     loadingIndicator: css({
       height: theme.spacing(3),