Mercurial Hosting > sceditor
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 {