Appearance

Skeleton Styles ​

File Information ​

  • Path: app/assets/scss/components/_skeleton.scss
  • Purpose: Skeleton loader styles for various components
  • Type: Component

Overview ​

This file contains styles for skeleton loader styles for various components. Refer to the source SCSS file for detailed implementation.

Asset preview skeleton: .assetsDetailBox .imageSkeleton { height: 100%; width: 100%; } and .assetsDetailBox .imageSkeleton .v-skeleton-loader__image { height: 100%; border-radius: $border-radius-md; }. Before PR #137 the two selectors shared one rule, so the wrapper itself had no width; the gallery overlays the skeleton with position-absolute top-0 left-0 and rely on it filling the stage.