diff --git a/packages/fiori/src/FlexibleColumnLayout.hbs b/packages/fiori/src/FlexibleColumnLayout.hbs index 39a104c4ad31..88ba0deaa5cb 100644 --- a/packages/fiori/src/FlexibleColumnLayout.hbs +++ b/packages/fiori/src/FlexibleColumnLayout.hbs @@ -6,7 +6,7 @@ aria-labelledby="{{_id}}-startColumnText" > {{accStartColumnText}} - +
@@ -20,7 +20,7 @@ aria-labelledby="{{_id}}-midColumnText" > {{accMiddleColumnText}} - +
@@ -34,7 +34,7 @@ aria-labelledby="{{_id}}-endColumnText" > {{accEndColumnText}} - +
diff --git a/packages/fiori/src/themes/FlexibleColumnLayout.css b/packages/fiori/src/themes/FlexibleColumnLayout.css index e74e49d0349c..656b46504265 100644 --- a/packages/fiori/src/themes/FlexibleColumnLayout.css +++ b/packages/fiori/src/themes/FlexibleColumnLayout.css @@ -100,3 +100,9 @@ .ui5-fcl-arrow:hover:after { height: 7rem; } + +[aria-hidden] ::slotted([slot="startColumn"]), +[aria-hidden] ::slotted([slot="midColumn"]), +[aria-hidden] ::slotted([slot="endColumn"]){ + visibility: hidden; +} \ No newline at end of file