fix: jiggly buttons & unnecessary scrollbar

StampyAI · Feb 12, 2024 · 04b76d2 · 04b76d2
1 parent 8c78125
commit 04b76d2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/app/components/ArticlesNav/menu.css b/app/components/ArticlesNav/menu.css
@@ -1,4 +1,9 @@
+.articles-group::-webkit-scrollbar {
+  display: none;
+}
 .articles-group {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
   width: 100%;
   position: relative;
   text-align: left;

diff --git a/app/components/Button/button.css b/app/components/Button/button.css
@@ -37,7 +37,7 @@
 }
 
 .secondary:hover {
-  border: 1px solid var(--colors-teal-200, #a6d9d7);
+  border: 1px solid var(--colors-teal-200, #a6d9d7) !important;
 }
 
 .secondary-alt {
@@ -67,17 +67,14 @@
   border-top-left-radius: 6px;
   border-bottom-left-radius: 6px;
   border-left-width: 1px;
+  border-right: 1px solid transparent;
 }
 
 .composite-button > .button:last-child {
   border-top-right-radius: 6px;
   border-bottom-right-radius: 6px;
   border-right-width: 1px;
-}
-
-/* Ensure that there are no gaps on the sides of the composite button */
-.composite-button > .button {
-  margin-left: -2px;
+  border-left: 1px solid transparent;
 }
 
 /* Make sure the first button doesn't have a negative margin */
@@ -87,8 +84,6 @@
 
 .composite-button .button:hover {
   border-width: 1px;
-  border-width: 1px;
-  margin: 2px;
 }
 
 .tooltip::after {