Skip to content

Commit

Permalink
[caption] size adjustements
Browse files Browse the repository at this point in the history
- reduce padding and title font sizes
- allow Partition to grow till h * 2
fixes #121
relates #127
  • Loading branch information
paulgirard committed Jan 30, 2024
1 parent f0bc13a commit cd529b5
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
6 changes: 3 additions & 3 deletions src/components/GraphCaption/CaptionItemTitle.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -64,10 +64,10 @@ export const CaptionItemTitle: FC<{
<div className="d-flex align-items-center mb-1">
<i title={label} className={cx("fs-4 me-1", ICON_NAMES[vizVariable][itemType])} />
<div className="d-flex flex-column justify-content-center m-2">
<span className="text-muted small">{label}</span>
<h4 className="fs-5 m-0 d-flex align-items-center">
<span className="text-muted caption-item-label">{label}</span>
<h6 className="m-0 d-flex align-items-center">
<TransformationMethodLabel field={field} transformationMethod={transformationMethod} />
</h4>
</h6>
</div>
</div>
);
Expand Down
12 changes: 6 additions & 6 deletions src/styles/_graph-caption.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,11 @@
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 1rem;
padding: 0.5rem;

.caption-item-label {
font-size: 0.8rem;
}

> * {
margin-right: 1rem;
Expand Down Expand Up @@ -91,11 +95,7 @@

&.minimal.partition {
overflow-y: auto;
height: $graph-caption-items-height;

// > * {
// height: min-content !important;
// }
max-height: calc(2 * $graph-caption-items-height);
}
}

Expand Down

0 comments on commit cd529b5

Please sign in to comment.