Add browser UI fade-in transition animation#32
Merged
Conversation
Introduces a CSS-based fade-in effect for the body element in menu.html and google-static.html using keyframes and animation properties. This improves visual appearance on load without requiring JavaScript.
The /crashdumps directory is now ignored by git to prevent accidental commits of crash dump files.
Introduces a CSS-only fade-in effect for multiple HTML assets by animating opacity on page load. Removes global transition styles and ensures fade-in is handled via keyframes, with no JavaScript required. For google-static.html, the fade-in is applied only to the main content to avoid a white flash. Updates ui.css and references to the animation in ui.html.
Eliminated unnecessary HTML comments about CSS fade-in animations across multiple asset files for cleaner markup. Improved dark mode consistency by ensuring the native window background is dark on Windows, including proper resource cleanup in Browser class. Minor CSS and HTML cleanups for unified style.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces a CSS-based fade-in animation for the main content across multiple HTML pages in the
assetsdirectory, improving the user experience by providing a smoother visual transition on load. Additionally, it removes global CSS transitions that previously affected all elements, and makes a Windows-specific improvement to ensure the browser window background is consistently dark, eliminating any white flashes during startup. Minor code cleanups and structural adjustments are also included.Fade-in Animation Implementation:
ul_fade_inkeyframe animation to fade in the main content on load for all major HTML files (contextmenu.html,downloads-panel.html,downloads.html,history.html,menu.html,new_tab_page.html,quick-inspector.html,release_notes.html,static-sties/google-static.html) and in the shared stylesheetui.css. The animation is applied to thebodyor main content container, ensuring a smooth appearance. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19]Removal of Global Transitions:
transition: all 0.2s ease-in-out;rule from all stylesheets and HTML files to prevent unwanted transitions on every element and improve performance. [1] [2] [3] [4] [5] [6]Windows-Specific Dark Background Enhancement:
Browser.cppandBrowser.h, added logic to set the native window class background to a dark color on Windows, ensuring the title bar and any unpainted areas remain dark, and properly releasing resources on destruction. [1] [2] [3]Minor Code and Structure Cleanups:
<script>tags and removed commented-out or unused code in several HTML files for better maintainability. [1] [2] [3] [4] [5] [6] [7] [8]ui.html, such as removing unnecessary comments and ensuring dropdowns and icons are more clearly structured. [1] [2] [3]These changes collectively improve the visual polish and user experience of the browser UI, especially on first load and on Windows systems.