MediaWiki:Gadget-GrAnnotations.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 814: | Line 814: | ||
.gra-composer-actions .gra-btn-submit, | .gra-composer-actions .gra-btn-submit, | ||
.gra-composer-actions .gra-btn-cancel { flex: 1; min-height: 44px; } | .gra-composer-actions .gra-btn-cancel { flex: 1; min-height: 44px; } | ||
} | |||
@media (max-width: 767px) { | |||
/* Docked toolbar below the reader header */ | |||
#gra-fab.gra-fab-mobile-docked { | |||
position: fixed !important; | |||
top: var(--gr-toc-top, 99px) !important; /* sits just below reader toolbar */ | |||
left: 0 !important; | |||
right: 0 !important; | |||
width: 100% !important; | |||
height: 52px !important; | |||
flex-direction: row !important; | |||
align-items: center !important; | |||
justify-content: space-around !important; | |||
border-radius: 0 !important; | |||
padding: 0 8px !important; | |||
background: #4A433A !important; /* your toolbar colour */ | |||
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important; | |||
z-index: 2147483646 !important; /* below native menu, above content */ | |||
gap: 0 !important; | |||
} | |||
#gra-fab.gra-fab-mobile-docked .gra-fab-btn { | |||
flex: 1; | |||
flex-direction: column; | |||
height: 44px; | |||
background: transparent !important; | |||
touch-action: manipulation; | |||
-webkit-tap-highlight-color: transparent; | |||
} | |||
#gra-fab.gra-fab-mobile-docked .gra-fab-btn-label { | |||
display: block; | |||
font-size: 10px; | |||
margin-top: 2px; | |||
} | |||
/* Dismiss button visually separated on the right */ | |||
#gra-fab.gra-fab-mobile-docked .gra-fab-btn-dismiss { | |||
flex: 0 0 44px; | |||
border-left: 1px solid rgba(255,255,255,0.2); | |||
} | |||
} | } | ||