From 0090a3bec8bff9982d45f8554e6f726388856f84 Mon Sep 17 00:00:00 2001
From: pedro friedrich <phfr24@inf.ufpr.br>
Date: Fri, 18 Oct 2024 12:58:00 -0300
Subject: [PATCH] make analysis page responsive
---
src/styles/analysis/activity-timeline.css | 1 +
src/styles/analysis/metadata.css | 3 +++
src/styles/analysis/page.css | 4 ++--
3 files changed, 6 insertions(+), 2 deletions(-)
diff --git a/src/styles/analysis/activity-timeline.css b/src/styles/analysis/activity-timeline.css
index 37633a9..63c0eff 100644
--- a/src/styles/analysis/activity-timeline.css
+++ b/src/styles/analysis/activity-timeline.css
@@ -1,6 +1,7 @@
.activity-timeline {
margin: 1em;
height: 100%;
+ width: min-content;
min-width: 398.266px;
max-width: 75%;
font-family: monospace;
diff --git a/src/styles/analysis/metadata.css b/src/styles/analysis/metadata.css
index 8057d42..7749498 100644
--- a/src/styles/analysis/metadata.css
+++ b/src/styles/analysis/metadata.css
@@ -10,6 +10,9 @@ table {
td, th {
border: 1px solid #1F1C1A;
padding: 8px;
+ max-width: calc(75vw - 4em);
+ overflow: hidden;
+ text-overflow: ellipsis;
}
.table-title {
diff --git a/src/styles/analysis/page.css b/src/styles/analysis/page.css
index 01ade26..1ee758b 100644
--- a/src/styles/analysis/page.css
+++ b/src/styles/analysis/page.css
@@ -2,6 +2,6 @@
display: flex;
justify-content: space-around;
width: 100%;
- min-width: max-content;
margin-bottom: 1em;
-}
+ flex-wrap: wrap;
+}
\ No newline at end of file
--
GitLab