From a50ed9bfe93e0803fc155125245e74e307bb16c4 Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Thu, 24 Jun 2021 17:29:01 +0100
Subject: [PATCH] Fix: Make settings not jump around. Fix: Auto-complete font
size.
---
src/components/common/AutoComplete.tsx | 2 ++
src/pages/settings/Settings.module.scss | 6 +++---
src/pages/settings/panes/Panes.module.scss | 3 +--
3 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/components/common/AutoComplete.tsx b/src/components/common/AutoComplete.tsx
index 50adce4..e384c4b 100644
--- a/src/components/common/AutoComplete.tsx
+++ b/src/components/common/AutoComplete.tsx
@@ -330,8 +330,10 @@ const Base = styled.div`
padding: 6px;
border: none;
display: flex;
+ font-size: 1em;
cursor: pointer;
border-radius: 6px;
+ align-items: center;
flex-direction: row;
background: transparent;
color: var(--foreground);
diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss
index 4f095c0..82f5ba0 100644
--- a/src/pages/settings/Settings.module.scss
+++ b/src/pages/settings/Settings.module.scss
@@ -65,7 +65,7 @@
background: var(--primary-background);
.sidebar {
- flex-grow: 1;
+ flex: 2;
display: flex;
flex-shrink: 0;
overflow-y: scroll;
@@ -114,7 +114,7 @@
}
.content {
- flex-grow: 2;
+ flex: 3;
max-width: 740px;
padding: 60px 2em;
overflow-y: scroll;
@@ -155,7 +155,7 @@
}
.action {
- flex-grow: 1;
+ flex: 1;
flex-shrink: 0;
padding: 60px 8px;
color: var(--tertiary-background);
diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 59fe76c..d1c2a50 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -74,14 +74,13 @@
.appearance {
.theme {
+ min-width: 0;
display: flex;
flex-direction: column;
- width: 100%;
}
.themes {
gap: 8px;
- width: 100%;
display: flex;
img {
--
GitLab