MediaWiki:Gadget-GrAnnotations.css: Difference between revisions

No edit summary
No edit summary
Line 162: Line 162:


/* ══════════════════════════════════════════════════════════════════
/* ══════════════════════════════════════════════════════════════════
   3. FEEDBACK COMPOSER
   3. FEEDBACK COMPOSER — centered modal
   ══════════════════════════════════════════════════════════════════ */
   ══════════════════════════════════════════════════════════════════ */
.gra-composer {
.gra-composer {
   background: #fff;
   background: #fff;
   border: 1px solid #e0e0e0;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   border-radius: 12px;
   box-shadow: 0 4px 16px rgba(0,0,0,0.14);
   box-shadow: 0 8px 40px rgba(0,0,0,0.22);
   width: 340px;
   width: 420px;
   padding: 14px 16px 12px;
  max-width: calc(100vw - 32px);
   padding: 20px 24px 16px;
   position: fixed;
   position: fixed;
  /* Centered on screen */
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
   z-index: 10150;
   z-index: 10150;
   display: none;
   display: none;
   flex-direction: column;
   flex-direction: column;
   gap: 10px;
   gap: 12px;
   font-family: system-ui, sans-serif;
   font-family: system-ui, sans-serif;
   font-size: 13px;
   font-size: 13px;