Class SerenityHubCardStyles

USS class name constants shared by every Hub card factory, so Slice 6's stylesheet has one stable set of selectors to target instead of each card type inventing its own naming. Follows a BEM-style convention: block (serenity-hub-card), elements (__part), and modifiers (--variant).

Inheritance
object
SerenityHubCardStyles
Inherited Members
Namespace: Serenity.Localization.Installation.Settings.Editor.Hub.Components
Assembly: Serenity.UnityLocalization.Installation.Editor.dll
Syntax
public static class SerenityHubCardStyles

Fields

Card

Declaration
public const string Card = "serenity-hub-card"
Field Value
Type Description
string

CardActionButton

Declaration
public const string CardActionButton = "serenity-hub-card__action-button"
Field Value
Type Description
string

CardActionHint

Non-interactive hint label shown in place of the removed per-card action button (UX feedback #4 — whole-card click replaces the button, but the call-to-action text is still worth showing).

Declaration
public const string CardActionHint = "serenity-hub-card__action-hint"
Field Value
Type Description
string

CardDescription

Declaration
public const string CardDescription = "serenity-hub-card__description"
Field Value
Type Description
string

CardFavoriteIcon

The star glyph rendered inside CardFavoriteToggle.

Declaration
public const string CardFavoriteIcon = "serenity-hub-card__favorite-icon"
Field Value
Type Description
string

CardFavoriteToggle

Secondary star toggle in a card's top-right corner (UX feedback batch 9, fix 3, extended to the Validate view's report/open-tool cards in batch 9b via SerenityHubFavoriteToggle). Stops its own click event before it reaches the whole-card action.

Declaration
public const string CardFavoriteToggle = "serenity-hub-card__favorite-toggle"
Field Value
Type Description
string

CardFavoriteToggleActiveModifier

Applied to CardFavoriteToggle while the card's entry is currently favorited.

Declaration
public const string CardFavoriteToggleActiveModifier = "serenity-hub-card__favorite-toggle--active"
Field Value
Type Description
string

CardGrid

Container for a category-filtered grid of cards (Create/Browse/Advanced/Validate views).

Declaration
public const string CardGrid = "serenity-hub-card-grid"
Field Value
Type Description
string

CardIcon

Declaration
public const string CardIcon = "serenity-hub-card__icon"
Field Value
Type Description
string

CardInteractiveModifier

Marks a card whose whole surface is clickable, so hover/cursor affordance (UX feedback #3) only applies where a click actually does something.

Declaration
public const string CardInteractiveModifier = "serenity-hub-card--interactive"
Field Value
Type Description
string

CardSummary

Declaration
public const string CardSummary = "serenity-hub-card__summary"
Field Value
Type Description
string

CardTextColumn

Wraps title/description/summary/timestamp/hint so they shrink and wrap as one column instead of being laid out as row siblings of the icon (UX feedback #1 — text must wrap, not overflow).

Declaration
public const string CardTextColumn = "serenity-hub-card__text-column"
Field Value
Type Description
string

CardTimestamp

Declaration
public const string CardTimestamp = "serenity-hub-card__timestamp"
Field Value
Type Description
string

CardTitle

Declaration
public const string CardTitle = "serenity-hub-card__title"
Field Value
Type Description
string

CatalogSectionFoldout

One Foldout section inside CatalogSectionsContainer, titled with its group name and entry count (e.g. "Audio (5)") via SerenityHubCatalogGridBuilder.BuildSection. Shared by the Create/Browse/Advanced path-derived groups and the Validate view's fixed Validators/Tools split.

Declaration
public const string CatalogSectionFoldout = "serenity-hub-catalog-section"
Field Value
Type Description
string

CatalogSectionsContainer

Wraps every grouped Foldout section a catalog-driven view renders (UX feedback round 4 — too many flat cards to scan). Sibling to CardGrid, which each individual section still contains.

Declaration
public const string CatalogSectionsContainer = "serenity-hub-catalog-sections"
Field Value
Type Description
string

MetricCardVariant

Declaration
public const string MetricCardVariant = "serenity-hub-card--metric"
Field Value
Type Description
string

OpenToolCardVariant

Declaration
public const string OpenToolCardVariant = "serenity-hub-card--open-tool"
Field Value
Type Description
string

StateErrorModifier

Declaration
public const string StateErrorModifier = "serenity-hub-card--state-error"
Field Value
Type Description
string

StateOkModifier

Declaration
public const string StateOkModifier = "serenity-hub-card--state-ok"
Field Value
Type Description
string

StateUnknownModifier

Declaration
public const string StateUnknownModifier = "serenity-hub-card--state-unknown"
Field Value
Type Description
string

StateWarningModifier

Declaration
public const string StateWarningModifier = "serenity-hub-card--state-warning"
Field Value
Type Description
string

ToolCardVariant

Declaration
public const string ToolCardVariant = "serenity-hub-card--tool"
Field Value
Type Description
string

ValidatorCardVariant

Declaration
public const string ValidatorCardVariant = "serenity-hub-card--validator"
Field Value
Type Description
string