Mercurial Hosting > sceditor
diff src/themes/default.css @ 38:2dfdaaac9482
simplify icons
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Thu, 18 Aug 2022 21:36:34 -0600 |
parents | 2606bfb75529 |
children | 69654081643b |
line wrap: on
line diff
--- a/src/themes/default.css Wed Aug 17 12:00:57 2022 -0600 +++ b/src/themes/default.css Thu Aug 18 21:36:34 2022 -0600 @@ -285,11 +285,13 @@ .sceditor-button { float: left; cursor: pointer; - padding: 3px 5px; - width: 16px; - height: 20px; + width: 26px; + height: 26px; border-radius: 3px; background-clip: padding-box; + display: flex; + justify-content: center; + align-items: center; } .sceditor-button:hover, .sceditor-button:active, @@ -306,15 +308,9 @@ cursor: default; box-shadow: none; } -.sceditor-button, -.sceditor-button div { - display: block; -} .sceditor-button svg { - display: inline-block; height: 16px; width: 16px; - margin: 2px 0; fill: #111; text-decoration: none; pointer-events: none; @@ -323,21 +319,10 @@ .sceditor-button.disabled svg { fill: #888; } -.sceditor-button div { - display: inline-block; - margin: 2px 0; - padding: 0; - overflow: hidden; - line-height: 0; - font-size: 0; - color: transparent; -} -.sceditor-button.has-icon div { - display: none; -} -.sceditor-button.disabled div { +.sceditor-button.disabled img { opacity: 0.3; } + .text .sceditor-button, .text .sceditor-button div, .sceditor-button.text,