Docs: remove some CSS from .highlight-toolbar def

twbs · Jan 6, 2023 · 1b83ab2 · 1b83ab2
1 parent 1c05a88
commit 1b83ab2
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 8 deletions.
diff --git 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
@@ -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">