Docs: remove some CSS from `.highlight-toolbar` def

diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
index cde77a2c9bece47a17701186f06e90a5e6245dc8..f47ca1ada00b3a49960e20408f794c267c49129e 100644 (file)
--- a/site/assets/scss/_component-examples.scss
+++ b/site/assets/scss/_component-examples.scss
@@ -389,13 +389,6 @@
 
 .highlight-toolbar {
   background-color: var(--bd-pre-bg);
-  border: solid var(--bs-border-color);
-  border-width: 1px 0;
-
-  .btn-clipboard {
-    margin-top: 0;
-    margin-right: 0;
-  }
 }
 
 .focused {

diff --git a/site/layouts/shortcodes/example.html b/site/layouts/shortcodes/example.html
index 8a9cdff0ccdcbd36058055fa2635c45f066aedb3..fccb39b6b3488ce49e847205ad13f4ffd55b6f8c 100644 (file)
--- a/site/layouts/shortcodes/example.html
+++ b/site/layouts/shortcodes/example.html
@@ -28,7 +28,7 @@
 
   {{- if eq $show_markup true -}}
     {{- if eq $show_preview true -}}
-      <div class="d-flex align-items-center highlight-toolbar ps-3 pe-2 py-1">
+      <div class="d-flex align-items-center highlight-toolbar ps-3 pe-2 py-1 border-0 border-top border-bottom">
         <small class="font-monospace text-muted text-uppercase">{{- $lang -}}</small>
         <div class="d-flex ms-auto">
           <button type="button" class="btn-edit text-nowrap"{{ with $stackblitz_add_js }} data-sb-js-snippet="{{ $stackblitz_add_js }}"{{ end }} title="Try it on StackBlitz">