Add generic class for scroll delay
| @@ -55,6 +55,7 @@ | |||
| 55 | 55 | ||
| 56 | /* Flashing for highlighting animation */ | 56 | /* Flashing for highlighting animation */ |
| 57 | @keyframes flash { | 57 | @keyframes flash { |
| 58 | |||
| 58 | 0%, | 59 | 0%, |
| 59 | 50%, | 60 | 50%, |
| 60 | 100% { | 61 | 100% { |
| @@ -122,3 +123,12 @@ | |||
| 122 | border-top-color: var(--progFlashColor); | 123 | border-top-color: var(--progFlashColor); |
| 123 | } | 124 | } |
| 124 | } | 125 | } |
| 126 | |||
| 127 | /* Scroll delay animations */ | ||
| 128 | @keyframes hide-scroll { | ||
| 129 | |||
| 130 | from, | ||
| 131 | to { | ||
| 132 | overflow-y: hidden; | ||
| 133 | } | ||
| 134 | } | ||
| @@ -5393,10 +5393,6 @@ body:has(#character_popup.open) #top-settings-holder:has(.drawer-content.openDra | |||
| 5393 | } | 5393 | } |
| 5394 | } | 5394 | } |
| 5395 | 5395 | ||
| 5396 | @keyframes hide-scroll { | ||
| 5397 | from, to { overflow-y: hidden; } | ||
| 5398 | } | ||
| 5399 | |||
| 5400 | body.movingUI .inline-drawer-maximize { | 5396 | body.movingUI .inline-drawer-maximize { |
| 5401 | display: none; | 5397 | display: none; |
| 5402 | } | 5398 | } |
| @@ -5484,11 +5480,13 @@ body:not(.movingUI) .drawer-content.maximized { | |||
| 5484 | } | 5480 | } |
| 5485 | } | 5481 | } |
| 5486 | 5482 | ||
| 5483 | .drawer-content .scrollDelay, | ||
| 5487 | .fillRight #rm_characters_block, | 5484 | .fillRight #rm_characters_block, |
| 5488 | .fillRight #rm_print_characters_block { | 5485 | .fillRight #rm_print_characters_block { |
| 5489 | overflow-y: hidden; | 5486 | overflow-y: hidden; |
| 5490 | } | 5487 | } |
| 5491 | 5488 | ||
| 5489 | .drawer-content.openDrawer .scrollDelay, | ||
| 5492 | .fillRight.openDrawer #rm_characters_block, | 5490 | .fillRight.openDrawer #rm_characters_block, |
| 5493 | .fillRight.openDrawer #rm_print_characters_block { | 5491 | .fillRight.openDrawer #rm_print_characters_block { |
| 5494 | overflow-y: auto; | 5492 | overflow-y: auto; |