change(breadcrumb): removed padding from breadcrumb added by container

- Fix home icon missing a divider in the breadcrumb story
eea · May 12, 2022 · c5df567 · c5df567
1 parent 134da52
commit c5df567
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 16 deletions.
diff --git a/src/ui/Breadcrumbs/Breadcrumb.stories.jsx b/src/ui/Breadcrumbs/Breadcrumb.stories.jsx
@@ -45,6 +45,9 @@ const Template = (args) => (
       <Breadcrumb.Section key="home" href={args.root}>
         <Image src={homeSVG} alt="home" />
       </Breadcrumb.Section>
+      <Breadcrumb.Divider>
+        <Icon className="ri-arrow-right-s-line"></Icon>
+      </Breadcrumb.Divider>
       {args.sections.map((section, index, sections) => [
         index !== 0 && (
           <Breadcrumb.Divider key={index}>

diff --git a/theme/themes/eea/collections/breadcrumb.overrides b/theme/themes/eea/collections/breadcrumb.overrides
@@ -5,25 +5,10 @@
 .ui.breadcrumb {
   display: flex;
   align-items: center;
-  padding-right: 1rem;
-  padding-left: 1rem;
-
-  //a.section {
-  //  color: #0074a3;
-  //}
-  //
-  //.section.active {
-  //  color: #4e7372;
-  //}
 
   .home.icon {
     margin-right: 0;
   }
-
-  @media only screen and (min-width: @tabletBreakpoint) {
-    padding-right: 0;
-    padding-left: 0;
-  }
 }
 /*******************************
         Theme Overrides
@@ -49,4 +34,3 @@
     font-size: @breadcrumbIconFontSize;
   }
 }
-