diff src/themes/default.css @ 43:ab852c9f04c3

use buttons
author Franklin Schmidt <fschmidt@gmail.com>
date Mon, 29 Aug 2022 23:33:11 -0600
parents 69654081643b
children 48c153a1a6cf
line wrap: on
line diff
--- a/src/themes/default.css	Mon Aug 29 22:36:31 2022 -0600
+++ b/src/themes/default.css	Mon Aug 29 23:33:11 2022 -0600
@@ -279,51 +279,38 @@
 	border-radius: 3px;
 	background-clip: padding-box;
 }
-.sceditor-button {
-	float: left;
+
+.sceditor-toolbar button {
+	padding: 0;
+	border: 0;
+	background: transparent;
 	cursor: pointer;
 	width: 26px;
 	height: 26px;
 	border-radius: 3px;
-	background-clip: padding-box;
-	display: flex;
+	display: inline-flex;
 	justify-content: center;
 	align-items: center;
 }
-.sceditor-button:hover,
-.sceditor-button:active,
-.sceditor-button.active {
+.sceditor-toolbar button:hover,
+.sceditor-toolbar button:active,
+.sceditor-toolbar button.active {
 	background: #fff;
 	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
 }
-.sceditor-button:active {
-	background: #fff;
-	box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
-}
-.sceditor-button.disabled:hover {
+.sceditor-toolbar button.disabled:hover {
 	background: inherit;
 	cursor: default;
 	box-shadow: none;
 }
-.sceditor-button svg {
-	height: 16px;
-	width: 16px;
-	fill: #111;
-	text-decoration: none;
-	pointer-events: none;
-	line-height: 1;
-}
-.sceditor-button.disabled svg {
-	fill: #888;
-}
-.sceditor-button.disabled img {
+.sceditor-toolbar button.disabled img {
 	opacity: 0.3;
 }
 
 .rtl div.sceditor-toolbar {
 	text-align: right;
 }
-.rtl .sceditor-button {
+.rtl .sceditor-toolbar button {
 	float: right;
 }
 .rtl div.sceditor-grip {