From fd57f81118600365f1ea779d1100a03940f3893e Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Mon, 5 Jul 2021 22:50:55 +0200
Subject: [PATCH] Fix: Small gap fixes
---
src/components/navigation/items/Item.module.scss | 4 ++--
src/pages/settings/Settings.module.scss | 10 +++++-----
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/components/navigation/items/Item.module.scss b/src/components/navigation/items/Item.module.scss
index 4238d82..04e705b 100644
--- a/src/components/navigation/items/Item.module.scss
+++ b/src/components/navigation/items/Item.module.scss
@@ -20,7 +20,7 @@
height: 42px;
}
- &.compact {
+ &.compact { /* TOFIX: Introduce two separate compact items, one for settings, other for channels. */
height: 32px;
}
@@ -46,7 +46,7 @@
transition: color .1s ease-in-out;
&.content {
- gap: 8px;
+ gap: 10px;
flex-grow: 1;
min-width: 0;
display: flex;
diff --git a/src/pages/settings/Settings.module.scss b/src/pages/settings/Settings.module.scss
index aea20a6..18afb63 100644
--- a/src/pages/settings/Settings.module.scss
+++ b/src/pages/settings/Settings.module.scss
@@ -3,17 +3,17 @@
100% {transform: scale(1);};
}
+@keyframes close {
+ 0% {transform: scale(1); opacity: 1;};
+ 100% {transform: scale(1.2); opacity: 0;};
+}
+
@keyframes opacity {
0% {opacity: 0;};
20% {opacity: .5;}
50% {opacity: 1;}
}
-@keyframes close {
- 0% {transform: scale(1); opacity: 1;};
- 100% {transform: scale(1.2); opacity: 0;};
-}
-
.settings[data-mobile="true"] {
flex-direction: column;
background: var(--primary-header);
--
GitLab