src/ApplicationBundle/Resources/views/framework/_empty_state_css.html.twig line 1

Open in your IDE?
  1. {#
  2.   framework/_empty_state_css.html.twig
  3.   ==============================================================================
  4.   The shared "nothing here" state, for lists that are NOT inside a cp scope.
  6.   WHY THIS EXISTS SEPARATELY FROM .cp-empty. Phase 0 added cp-empty/cp-loading/
  7.   cp-error, and they work — but they live in _cp_tokens under the `.cp-scope`
  8.   namespace. Measured across the 415 row-loops that lack an empty branch, only 37
  9.   are on cp-scoped pages; 378 are not (the Tax module, for one, never loads
  10.   _cp_tokens at all). Using .cp-empty there would emit unstyled text.
  12.   So this is deliberately namespace-free and token-optional: every value has a
  13.   literal fallback, so it looks right whether or not --cp-* is in scope. It is
  14.   loaded from codecovers_header, which 381 templates pull in.
  16.   Do not reach for this inside a cp page — use cp-empty there; the two are the
  17.   same idea rendered by whichever design system the page actually has.
  18.   ==============================================================================
  19. #}
  20. <style type="text/css">
  21.     .hb-empty {
  22.         display: block;
  23.         padding: 26px 16px;
  24.         text-align: center;
  25.         color: var(--cp-text-faint, #76899a);
  26.         font-size: var(--cp-fs-sm, 12.5px);
  27.         line-height: 1.5;
  28.     }
  29.     .hb-empty .hb-empty-t {
  30.         display: block;
  31.         font-weight: 600;
  32.         color: var(--cp-text-muted, #3f5560);
  33.         font-size: var(--cp-fs-base, 13px);
  34.         margin-bottom: 2px;
  35.     }
  36.     /* the way out of the dead end — an empty list with no next step is most of
  37.        why a screen reads as broken rather than merely empty */
  38.     .hb-empty .hb-empty-act {
  39.         display: inline-block;
  40.         margin-top: 10px;
  41.     }
  42.     td > .hb-empty, th > .hb-empty { width: 100%; }
  43. </style>