fix: icons oveflows

BearToCode · Mar 19, 2024 · aeac807 · aeac807
1 parent e430bf0
commit aeac807
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/docs/src/lib/styles/github.scss b/docs/src/lib/styles/github.scss
@@ -34,9 +34,7 @@
 			height: 2.5rem;
 
 			background-color: $background-light;
-			border-bottom: 1px solid $border;
 
-			padding-right: 12px;
 			border-top-left-radius: 0.5rem;
 			border-top-right-radius: 0.5rem;
 
@@ -51,6 +49,12 @@
 			}
 		}
 
+		.carta-toolbar-left button,
+		.carta-toolbar-right,
+		.carta-filler {
+			border-bottom: 1px solid $border;
+		}
+
 		.carta-toolbar-left {
 			& > *:first-child {
 				border-top-left-radius: 0.5rem;
@@ -62,10 +66,12 @@
 				font-size: 0.95rem;
 			}
 
-			.carta-active {
+			button {
 				height: 100%;
+			}
+
+			.carta-active {
 				background-color: $background;
-				transform: translateY(1px);
 				color: white;
 
 				border-right: 1px solid $border;
@@ -77,6 +83,10 @@
 			}
 		}
 
+		.carta-toolbar-right {
+			padding-right: 12px;
+		}
+
 		.carta-icons-menu {
 			padding: 8px;
 			border: 1px solid $border;

diff --git a/packages/carta-md/src/lib/internal/components/Toolbar.svelte b/packages/carta-md/src/lib/internal/components/Toolbar.svelte
@@ -145,6 +145,8 @@
 		height: 2rem;
 		display: flex;
 		flex-shrink: 0;
+		overflow-x: auto;
+		overflow-y: hidden;
 	}
 
 	.carta-toolbar-left {