Mercurial Hosting > sceditor

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

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
use buttons
author Franklin Schmidt <fschmidt@gmail.com>
date Mon, 29 Aug 2022 23:33:11 -0600
parents 69654081643b
children 48c153a1a6cf
comparison
equal deleted inserted replaced
42:69654081643b 43:ab852c9f04c3
277 padding: 1px; 277 padding: 1px;
278 border-bottom: 1px solid #aaa; 278 border-bottom: 1px solid #aaa;
279 border-radius: 3px; 279 border-radius: 3px;
280 background-clip: padding-box; 280 background-clip: padding-box;
281 } 281 }
282 .sceditor-button { 282
283 float: left; 283 .sceditor-toolbar button {
284 padding: 0;
285 border: 0;
286 background: transparent;
284 cursor: pointer; 287 cursor: pointer;
285 width: 26px; 288 width: 26px;
286 height: 26px; 289 height: 26px;
287 border-radius: 3px; 290 border-radius: 3px;
288 background-clip: padding-box; 291 display: inline-flex;
289 display: flex;
290 justify-content: center; 292 justify-content: center;
291 align-items: center; 293 align-items: center;
292 } 294 }
293 .sceditor-button:hover, 295 .sceditor-toolbar button:hover,
294 .sceditor-button:active, 296 .sceditor-toolbar button:active,
295 .sceditor-button.active { 297 .sceditor-toolbar button.active {
296 background: #fff; 298 background: #fff;
297 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); 299 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);
298 } 300 }
299 .sceditor-button:active { 301 .sceditor-toolbar button.disabled:hover {
300 background: #fff;
301 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);
302 }
303 .sceditor-button.disabled:hover {
304 background: inherit; 302 background: inherit;
305 cursor: default; 303 cursor: default;
306 box-shadow: none; 304 box-shadow: none;
307 } 305 }
308 .sceditor-button svg { 306 .sceditor-toolbar button.disabled img {
309 height: 16px;
310 width: 16px;
311 fill: #111;
312 text-decoration: none;
313 pointer-events: none;
314 line-height: 1;
315 }
316 .sceditor-button.disabled svg {
317 fill: #888;
318 }
319 .sceditor-button.disabled img {
320 opacity: 0.3; 307 opacity: 0.3;
321 } 308 }
322 309
323 .rtl div.sceditor-toolbar { 310 .rtl div.sceditor-toolbar {
324 text-align: right; 311 text-align: right;
325 } 312 }
326 .rtl .sceditor-button { 313 .rtl .sceditor-toolbar button {
327 float: right; 314 float: right;
328 } 315 }
329 .rtl div.sceditor-grip { 316 .rtl div.sceditor-grip {
330 right: auto; 317 right: auto;
331 left: 0; 318 left: 0;