Fix style

jodit · May 6, 2024 · 64b5e9a · 64b5e9a
1 parent 8212b86
commit 64b5e9a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/examples/buttons-size/README.md b/examples/buttons-size/README.md
@@ -4,7 +4,7 @@ You can change the size of the buttons by adding the `toolbarButtonSize`. The `t
 
 ```js
 const editor = new Jodit('#editor', {
-	buttons: 'bold,italic,underline',
+	buttons: ['bold', 'italic', 'underline', 'strikethrough', '|', 'superscript', 'subscript'],
 	toolbarButtonSize: 'small'
 });
 ```
diff --git a/examples/buttons-size/src/index.css b/examples/buttons-size/src/index.css
@@ -8,7 +8,8 @@ body {
 }
 
 body {
-	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial,
+		sans-serif;
 	font-size: 16px;
 	-webkit-font-smoothing: antialiased;
 	font-weight: 300;
@@ -31,13 +32,29 @@ body {
 	margin-bottom: 8px;
 	border: 1px solid #999;
 	cursor: pointer;
+
+	&:active {
+		transform: scale(1.02);
+	}
+
+	&:first-child {
+		border-top-left-radius: 4px;
+		border-bottom-left-radius: 4px;
+	}
+
+	&:last-child {
+		border-top-right-radius: 4px;
+		border-bottom-right-radius: 4px;
+	}
 }
 
 .button + .button {
 	margin-left: -1px;
 }
 
-.button[aria-pressed="true"] {
+.button[aria-pressed='true'] {
 	background: #21aabd;
+	color: white;
+	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+	box-shadow: -2px 1px 13px rgba(0, 0, 0, 0.1) inset;
 }
-