FIX Display breadcrumb element from left to right (#925)

FIX Display breadcrumb element from left to right
silverstripe · Aug 14, 2019 · 9889015 · 9889015
2 parents 8f71df6 + a2e98dc
commit 9889015
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
diff --git a/client/src/components/Breadcrumb/Breadcrumb.scss b/client/src/components/Breadcrumb/Breadcrumb.scss
@@ -13,7 +13,6 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  direction: rtl;
   padding-top: 0;
 
   .toolbar & {
@@ -24,7 +23,7 @@
     float: none;
     display: inline;
 
-    &:before {
+    &:after {
       padding-right: .5rem;
       padding-left: .5rem;
       color: #ced3d9;

diff --git a/client/src/components/Breadcrumb/tests/Breadcrumb-story.js b/client/src/components/Breadcrumb/tests/Breadcrumb-story.js
@@ -28,6 +28,11 @@ storiesOf('Admin/Breadcrumb', module)
         href: 'level1/level2',
         onClick: nodefault,
       },
+      {
+        text: 'Third level',
+        href: 'level1/level2/level3',
+        onClick: nodefault,
+      },
     ];
     return <Breadcrumb crumbs={breadcrumbs} />;
   })