fix(code-snippet): use Carbon focus outline and reposition scroll bar (…

…#5233)
carbon-design-system · Feb 4, 2020 · ac8bcbd · ac8bcbd
1 parent 1526db5
commit ac8bcbd
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/components/src/components/code-snippet/_code-snippet.scss b/packages/components/src/components/code-snippet/_code-snippet.scss
@@ -97,16 +97,21 @@
  max-width: rem(760px);
  min-width: rem(320px);
  height: $carbon--spacing-08;
- padding: 0 56px 0 $carbon--spacing-05;
+ padding: 0 $carbon--spacing-08 0 0;
  }
 
  .#{$prefix}--snippet--single .#{$prefix}--snippet-container {
+ position: relative;
  display: flex;
  align-items: center;
+ height: 100%;
+ padding-left: $carbon--spacing-05;
+ border-right: solid $carbon--spacing-05 transparent;
  overflow-x: auto;
- position: relative;
- padding: 0 0 $carbon--spacing-05 0;
- height: rem(56px);
+
+ &:focus {
+ @include focus-outline('outline');
+ }
  }
 
  .#{$prefix}--snippet--single pre {