Skip to content

Commit

Permalink
fix(card-section-carousel): fixes horizontal scroll (#5042)
Browse files Browse the repository at this point in the history
### Related Ticket(s)

#4781 

### Description

For Card Section Carousel, on 300% zoom you need to scroll both horizontally and vertically to see the full page contents. This fix gets rid of the horizontal scroll, bringing accessibility back in check. This will also fix horizontal scroll on all other web components that use Content Section

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "package: styles": Carbon Expressive -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
  • Loading branch information
andysherman2121 authored Jan 30, 2021
1 parent ea638ec commit e24e11c
Showing 1 changed file with 2 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
//
// Copyright IBM Corp. 2020
// Copyright IBM Corp. 2020, 2021
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
Expand All @@ -12,4 +12,5 @@
:host(#{$dds-prefix}-content-section-heading),
:host(#{$dds-prefix}-content-section-copy) {
display: block;
overflow-x: hidden;
}

0 comments on commit e24e11c

Please sign in to comment.