fix(reader): keep word translation popup as compact block on desktop without full-width stretch
This commit is contained in:
@@ -757,56 +757,6 @@
|
||||
}
|
||||
|
||||
|
||||
/* 7. Bottom Sheet for Word Translation Popup on Mobile */
|
||||
.reader-word-popup {
|
||||
position: fixed !important;
|
||||
top: auto !important;
|
||||
bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
|
||||
left: 8px !important;
|
||||
right: 8px !important;
|
||||
width: auto !important;
|
||||
max-width: none !important;
|
||||
border-radius: 18px !important;
|
||||
box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.5) !important;
|
||||
border: 1px solid var(--border-focus) !important;
|
||||
background-color: var(--bg-surface) !important;
|
||||
z-index: 10005 !important;
|
||||
padding: 14px 16px !important;
|
||||
animation: slideUpSheet 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
|
||||
}
|
||||
|
||||
.reader-settings-panel {
|
||||
position: fixed !important;
|
||||
top: auto !important;
|
||||
bottom: calc(58px + env(safe-area-inset-bottom, 0px)) !important;
|
||||
left: 8px !important;
|
||||
right: 8px !important;
|
||||
width: auto !important;
|
||||
max-height: calc(85dvh - 60px) !important;
|
||||
overflow-y: auto !important;
|
||||
-webkit-overflow-scrolling: touch !important;
|
||||
border-radius: 20px !important;
|
||||
box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.55) !important;
|
||||
border: 1px solid var(--border-focus) !important;
|
||||
background-color: var(--bg-surface) !important;
|
||||
color: var(--text-main) !important;
|
||||
padding: 16px 18px 24px !important;
|
||||
z-index: 10006 !important;
|
||||
animation: slideUpSheet 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
|
||||
}
|
||||
|
||||
@keyframes slideUpSheet {
|
||||
from {
|
||||
transform: translateY(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* --- Responsive Mobile Overrides (max-width: 768px) --- */
|
||||
@media (max-width: 768px) {
|
||||
/* 4. Dictionary & Search */
|
||||
|
||||
Reference in New Issue
Block a user