Commit 555acf2a authored by Marek Veselý's avatar Marek Veselý
Browse files

Merge branch... 

Merge branch '450-fix-analyst-tool-page-responsiveness-with-aggregated-usage-of-tools-plot' into 'main'

fix: tool usage plot responsiveness

Closes #450

See merge request inject/frontend!378
parents ff68d834 48a1eb2a

frontend/src/pages/analyst/[exerciseId]/tools/index.tsx

+9 −8
Original line number Original line Diff line number Diff line
@@ -10,33 +10,34 @@ import { css } from '@emotion/css' 
import { useEffect, useMemo, useReducer } from 'react'

import { useEffect, useMemo, useReducer } from 'react'





const page = css`

const page = css`

  display: flex;

  flex-direction: column;

  height: 100%;

  height: 100%;

  display: grid;

  grid-template-rows: auto auto 1fr auto 1fr;





  @media (max-width: 120rem) {

  @media (max-width: 120rem) {

    height: clamp(100%, 120rem, 200%);

    height: clamp(100%, 120rem, 200%);

    grid-template-rows: auto auto 1fr auto 2fr;

  }

  }

`

`





const top = css`

const top = css`

  flex: 1;

  overflow: hidden;

  overflow: hidden;

`

`





const bottom = css`

const bottom = css`

  flex: 1;

  display: flex;

  overflow: hidden;

  overflow: hidden;

  display: grid;

  grid-template-columns: 1fr auto 1fr;

  grid-template-rows: unset;





  @media (max-width: 120rem) {

  @media (max-width: 120rem) {

    flex: 2;

    grid-template-columns: unset;

    flex-direction: column;

    grid-template-rows: 1fr auto 1fr;

  }

  }

`

`





const bottomElement = css`

const bottomElement = css`

  flex: 1;

  overflow: auto;

`

`





const Home = () => {

const Home = () => {