Fixed issues with rounded borders on code blocks in some cases

Author: squidfunk

material/assets/javascripts/bundle.748e2769.min.js renamed to material/assets/javascripts/bundle.9efd901c.min.js

@@ -34,10 +34,10 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.8c5ef100.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.27ad92d8.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
-        <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}">
+        <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.cc9b2e1e.min.css' | url }}">
         {% if palette.primary %}
           {% import "partials/palette.html" as map %}
           {% set primary = map.primary(
@@ -214,7 +214,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.748e2769.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.9efd901c.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

material/assets/javascripts/bundle.748e2769.min.js.map renamed to material/assets/javascripts/bundle.9efd901c.min.js.map

@@ -314,20 +314,21 @@
 // Scoped in typesetted content to match specificity of regular content
 .md-typeset {
 
-  // Code block with line numbers
+  // Code block with line numbers - unfortunately, these selectors need to be
+  // overly specific so they don't bleed into code blocks in annotations.
   .highlighttable {
     margin: 1em 0;
     direction: ltr;
 
-    // Remove rounded borders on left side
-    code {
+    // Remove rounded borders on code blocks
+    > tbody > tr > .code > div > pre > code {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
   }
 
   // Code block result container
-  :is(.highlight, .highlighttable) + .result {
+  .highlight + .result {
     margin-top: calc(-1em + #{px2em(-2px)});
     padding: 0 px2em(16px);
     overflow: visible;
@@ -356,14 +357,17 @@
   .md-content__inner > .highlight {
     margin: 1em px2rem(-16px);
 
-    // Highlighted line
-    .hll {
-      margin: 0 px2rem(-16px);
-      padding: 0 px2rem(16px);
+    // Remove rounded borders
+    > .filename,
+    > pre > code {
+      border-radius: 0;
     }
 
-    // Remove rounded borders
-    code {
+    // Code block with line numbers - unfortunately, these selectors need to be
+    // overly specific so they don't bleed into code blocks in annotations.
+    > .highlighttable > tbody > tr > .filename span.filename,
+    > .highlighttable > tbody > tr > .linenos,
+    > .highlighttable > tbody > tr > .code > div > pre > code {
       border-radius: 0;
     }
 
@@ -374,16 +378,4 @@
       border-radius: 0;
     }
   }
-
-  // Top-level code block with line numbers
-  .md-content__inner > .highlighttable {
-    margin: 1em px2rem(-16px);
-    border-radius: 0;
-
-    // Highlighted line
-    .hll {
-      margin: 0 px2rem(-16px);
-      padding: 0 px2rem(16px);
-    }
-  }
 }

material/assets/stylesheets/main.27ad92d8.min.css

@@ -187,21 +187,41 @@
     // Code block is the first child of a tab - remove margin and mirror
     // previous (now deprecated) SuperFences code block grouping behavior
     > pre:first-child,
-    > .highlight:first-child > pre:first-child,
-    > .highlight:first-child > .highlighttable {
+    > .highlight:first-child > pre {
       margin: 0;
 
-      // Remove rounded borders
+      // Remove rounded borders on code block
       > code {
-        border-start-start-radius: 0;
-        border-start-end-radius: 0;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
       }
     }
 
-    // Remove rounded border on line numbers container
-    > .highlighttable:first-child .linenos {
-      border-start-start-radius: 0;
-      border-start-end-radius: 0;
+    // Code block title - remove spacing and rounded borders
+    > .highlight:first-child > .filename {
+      margin: 0;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+
+    // Code block with line numbers - unfortunately, these selectors need to be
+    // overly specific so they don't bleed into code blocks in annotations.
+    > .highlight:first-child > .highlighttable {
+      margin: 0;
+
+      // Remove rounded borders on line numbers and titles
+      > tbody > tr > .filename span.filename,
+      > tbody > tr > .linenos {
+        margin: 0;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
+
+      // Remove rounded borders on code blocks
+      > tbody > tr > .code > div > pre > code {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+      }
     }
 
     // Adjust spacing for nested tabbed container