Fix html font size and adjust usage of rem units (#5641)

* Leave default browser font-size for the html

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fix preferences helm repos layout

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust usage of rem units

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust namespace select filter option sizes

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fixing ToBottom btn sizing

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fixing Remove Cluster dialog sizing

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fixing catalog sidebar title font-size

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fix Notice sizing

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Update snapshots

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Update more snapshots

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev authored and GitHub committed 2022-06-15 19:38:10 -04:00
1 parent fa32aa1b8e
commit 8349d6aa4a
18 files changed
+364 -286

No files matched your search

@@ -1,17 +1,22 @@
.warning {
@apply mt-4 flex py-4 px-6 rounded-md items-center;
display: flex;
margin-top: var(--margin);
padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
border-radius: 4px;
align-items: center;
background: #fad8d7;
color: #797979;
}
.warningIcon {
@apply mr-5;
margin-right: calc(var(--margin) * 2.4);
font-size: 26px;
}
.dialog {
> div {
@apply rounded-md bg-white;
border-radius: 4px;
background-color: white;
max-width: 600px;
min-width: calc(45 * var(--unit));
}
@@ -22,11 +27,14 @@
}
.dialogContent {
@apply p-9 leading-9;
padding: calc(var(--padding) * 2) calc(var(--padding) * 3);
}
.dialogButtons {
@apply flex justify-end p-7 rounded-md;
display: flex;
border-radius: 4px;
justify-content: flex-end;
padding: calc(var(--padding) * 2);
background: #f4f4f4;
> * {
@@ -35,7 +43,7 @@
}
.hr {
@apply mt-7;
margin-top: calc(var(--margin) * 3);
height: 1px;
background: #dfdfdf80;
}
@@ -204,9 +204,9 @@ class NonInjectedDeleteClusterDialog extends React.Component<Dependencies> {
<div className={styles.dialogContent}>
{this.renderDeleteMessage(state)}
{this.renderWarning(state)}
<hr className={styles.hr} />
{contexts.length > 0 && (
<>
<hr className={styles.hr} />
<div className="mt-4">
<Checkbox
data-testid="context-switch"