deck.js-codemirror icon indicating copy to clipboard operation
deck.js-codemirror copied to clipboard

Styling issues with deck.js's "web 2.0" theme

Open jblashill opened this issue 11 years ago • 1 comments

Just installed your extension and it looks like the "web-2.0" theme of deck.js doesn't play nice with codemirror styles. There may not be much you can do about it short of hacking in some CSS to undo "web-2.0" styling where codemirror styles are present. But I just wanted to bring it to your attention..

deckjscodemirrorbug

jblashill avatar Jun 12 '13 11:06 jblashill

If it's useful to anyone, here are the css "undos" I added to my deck.js presentation's CSS to fix the above styling issues:

.deck-container .slide .CodeMirror-lines {
    background: white;
}

.csstransforms.boxshadow .deck-container .slide .CodeMirror pre:before,
.csstransforms.boxshadow .deck-container .slide .CodeMirror pre:after {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

jblashill avatar Jun 12 '13 11:06 jblashill