remove the display hack; use floats instead to inherit height. overflow:visible must work to have shadows visible
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
diff --git a/prism-coy.css b/prism-coy.css
index c6dff9d..7c3ee65 100644
--- a/prism-coy.css
+++ b/prism-coy.css
@@ -3,9 +3,12 @@
* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
* @author Tim Shedor
*/
-
+html, body {
+ height:100%;
+}
code[class*="language-"],
pre[class*="language-"] {
+ height:100%;
color: black;
font-family: Consolas, Monaco, 'Andale Mono', monospace;
direction: ltr;
@@ -21,6 +24,9 @@ pre[class*="language-"] {
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
+ float: left;
+ width: 100%;
+ clear: both;
}
/* Code blocks */
@@ -32,11 +38,16 @@ pre[class*="language-"] {
-moz-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
border-left: 10px solid #358ccb;
- overflow:auto;
- display:table;
- width:100%;
+ overflow: visible;
+ max-height:30em;
}
+code[class*="language-"] {
+ max-height: 29em;
+ overflow:scroll;
+}
+
+/* margin-bottom to accomodate the shadows */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #fdfdfd;
@@ -176,4 +187,4 @@ pre[class*="language-"]:after {
pre[data-line] {
position: relative;
padding: 1em 0 1em 3em;
-}
+}
\ No newline at end of file