Mercurial Hosting > sceditor

comparison src/themes/default.css @ 38:2dfdaaac9482

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
simplify icons
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 18 Aug 2022 21:36:34 -0600
parents 2606bfb75529
children 69654081643b
comparison
equal deleted inserted replaced
37:0c4e4b5ef40d 38:2dfdaaac9482
283 background-clip: padding-box; 283 background-clip: padding-box;
284 } 284 }
285 .sceditor-button { 285 .sceditor-button {
286 float: left; 286 float: left;
287 cursor: pointer; 287 cursor: pointer;
288 padding: 3px 5px; 288 width: 26px;
289 width: 16px; 289 height: 26px;
290 height: 20px;
291 border-radius: 3px; 290 border-radius: 3px;
292 background-clip: padding-box; 291 background-clip: padding-box;
292 display: flex;
293 justify-content: center;
294 align-items: center;
293 } 295 }
294 .sceditor-button:hover, 296 .sceditor-button:hover,
295 .sceditor-button:active, 297 .sceditor-button:active,
296 .sceditor-button.active { 298 .sceditor-button.active {
297 background: #fff; 299 background: #fff;
304 .sceditor-button.disabled:hover { 306 .sceditor-button.disabled:hover {
305 background: inherit; 307 background: inherit;
306 cursor: default; 308 cursor: default;
307 box-shadow: none; 309 box-shadow: none;
308 } 310 }
309 .sceditor-button,
310 .sceditor-button div {
311 display: block;
312 }
313 .sceditor-button svg { 311 .sceditor-button svg {
314 display: inline-block;
315 height: 16px; 312 height: 16px;
316 width: 16px; 313 width: 16px;
317 margin: 2px 0;
318 fill: #111; 314 fill: #111;
319 text-decoration: none; 315 text-decoration: none;
320 pointer-events: none; 316 pointer-events: none;
321 line-height: 1; 317 line-height: 1;
322 } 318 }
323 .sceditor-button.disabled svg { 319 .sceditor-button.disabled svg {
324 fill: #888; 320 fill: #888;
325 } 321 }
326 .sceditor-button div { 322 .sceditor-button.disabled img {
327 display: inline-block;
328 margin: 2px 0;
329 padding: 0;
330 overflow: hidden;
331 line-height: 0;
332 font-size: 0;
333 color: transparent;
334 }
335 .sceditor-button.has-icon div {
336 display: none;
337 }
338 .sceditor-button.disabled div {
339 opacity: 0.3; 323 opacity: 0.3;
340 } 324 }
325
341 .text .sceditor-button, 326 .text .sceditor-button,
342 .text .sceditor-button div, 327 .text .sceditor-button div,
343 .sceditor-button.text, 328 .sceditor-button.text,
344 .sceditor-button.text div, 329 .sceditor-button.text div,
345 .text-icon .sceditor-button, 330 .text-icon .sceditor-button,