Skip to content

Board horizontal scroll add shadows #33

Open
@Cannonb4ll

Description

@Cannonb4ll

To indicate that there's more content to the right to scroll too.

.scroll-shadows {
  background-image: /* Shadows */
          linear-gradient(to right, rgba(249 250 251), rgba(249 250 251)),
          linear-gradient(to right, rgba(249 250 251), rgba(249 250 251)),
            /* Shadow covers */
          linear-gradient(to right, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0)),
          linear-gradient(to left, rgba(0, 0, 0, .25), rgba(255, 255, 255, 0));

  background-position: left center, right center, left center, right center;
  background-repeat: no-repeat;
  background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;

  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions