app/assets/stylesheets/embed.scss

   1 /*
   2  *= require maplibre-gl
   3  */
   4
   5 html {
   6   width: 100%;
   7   height: 100%;
   8 }
   9
  10 body {
  11   width: 100%;
  12   height: 100%;
  13   margin: 0px;
  14 }
  15
  16 #map {
  17   width: 100%;
  18   height: 100%;
  19 }
  20
  21 // Minimal styles for the WebGL error pane.
  22 //
  23 // Instead of loading full Bootstrap, we duplicate a small subset here.
  24 // This avoids forcing all users to load extra CSS for a rare error case.
  25 //
  26 // Tradeoff: styling may drift from the main UI over time since they are not shared.
  27 // To minimize issues, these styles are kept loosely coupled—
  28 // if they become outdated, they should degrade gracefully.
  29 .maplibre-error {
  30   background-color: #cff4fc;
  31   color: #055160;
  32   font-size: 1.25rem;
  33   line-height: 1.5;
  34   height: 100%;
  35   display: flex;
  36   flex-direction: column;
  37   text-align: center;
  38   justify-content: center;
  39
  40
  41   b, a {
  42     color: #055160;
  43     font-weight: 700;
  44   }
  45   // purposely not supported to keep things simple
  46   .maplibre-error-compact, .bi {
  47     display: none !important;
  48   }
  49 }