From df39b1fc2b93c6783b4e814f7c3ab00635167f51 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 2 Aug 2021 17:55:49 +0200
Subject: [PATCH] Cleaned up CSS for settings page
---
src/pages/settings/Settings.module.scss | 24 +++---------------------
1 file changed, 3 insertions(+), 21 deletions(-)
diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss
index 2e09bd6..21d8b37 100644
--- a/src/pages/settings/Settings.module.scss
+++ b/src/pages/settings/Settings.module.scss
@@ -122,24 +122,16 @@
.sidebar {
flex: 1 0 218px;
display: flex;
- flex-shrink: 0;
overflow-y: scroll;
justify-content: flex-end;
background: var(--secondary-background);
- display: flex;
- -webkit-box-flex: 1;
- -webkit-box-pack: end;
- justify-content: flex-end;
-
.container {
- width: 218px;
+ min-width: 218px;
padding: 80px 8px;
- height: fit-content;
display: flex;
gap: 2px;
flex-direction: column;
- visibility: visible;
}
.divider {
@@ -172,15 +164,12 @@
text-decoration: underline;
}
}
-
- scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.content {
flex: 1 1 800px;
display: flex;
overflow-y: auto;
- overflow-x: hidden;
.scrollbox {
display: flex;
@@ -190,11 +179,10 @@
.contentcontainer {
display: flex;
gap: 13px;
- height: max-content;
+ height: fit-content;
max-width: 740px;
padding: 80px 2em;
width: 100%;
- visibility: visible;
flex-direction: column;
}
@@ -243,10 +231,8 @@
}
.action {
- flex: 1;
- flex-shrink: 0;
+ flex-grow: 1;
padding: 80px 8px;
- color: var(--tertiary-background);
visibility: visible;
position: sticky;
top: 0;
@@ -288,10 +274,6 @@
transform: translateY(2px);
}
}
-
- > div {
- display: inline;
- }
}
section {
--
GitLab