Prepare content for both isProton and pre-proton designs. Also deep clone to avoid directly deleting from pre-proton DEFAULT object.
Differential Revision: https://phabricator.services.mozilla.com/D115834
Switch themes to flex to allow items to be equally sized and evenly spaced with adjusted whitespace. Allow wrapping for pre-proton design.
Differential Revision: https://phabricator.services.mozilla.com/D115732
Remove explicit section-left children widths to allow the parent to flex with a static width section-main for initial screen. Clean up some breakpoint sizing with percent/viewport widths.
Differential Revision: https://phabricator.services.mozilla.com/D115546
Modified padding on newtab eliminate unnecessary scrollbars and only apply snippet specific padding when snippets are present.
Differential Revision: https://phabricator.services.mozilla.com/D114530
Modified padding on newtab eliminate unnecessary scrollbars and only apply snippet specific padding when snippets are present.
Differential Revision: https://phabricator.services.mozilla.com/D114530
Modified padding on newtab eliminate unnecessary scrollbars and only apply snippet specific padding when snippets are present.
Differential Revision: https://phabricator.services.mozilla.com/D114530
I took the liberty to clean up the CSS a bit. There is no need to have
special exceptions for how `visibility` is animated. Since this is a
binary property it becomes invisible at the end of a transition
duration, and visible at the begining.
Differential Revision: https://phabricator.services.mozilla.com/D113869
When the menu is showing the personalize button is obscured, yet
keyboard users can still tab to it. This can be confusing.
I made the transition timeout 50ms longer than the menu transition
because I didn't want it to go away when it was focused before the
close button was focused. This can cause a brief confusion.
Differential Revision: https://phabricator.services.mozilla.com/D113868
The `timeout` for the CSSTransition needs to match the actual duration
of the CSS transition. This is needed because the close button needs to
be visible before focus() is called on it or else it won't recieve
focus.
Differential Revision: https://phabricator.services.mozilla.com/D113867
Allow transitions to be remotely configured. Use hooks to insert transition-{in,out} class when adding and removing screens. Specify desired in/out styles to transition from/to. Also flex/push buttons/steps to the bottom to be the same position on the latter screens.
Differential Revision: https://phabricator.services.mozilla.com/D114192
* Replace the many-shapes icon with a new simple download icon svg and update its consumers
* New start and finish animations using svg filmstrip images
* Toolbarbutton progress "bar" is a pie-chart, using a conic-gradient and a variable updated from js
* Show toolbarbutton animations even when download panel is open
Differential Revision: https://phabricator.services.mozilla.com/D113204
Switch about:welcome and upgrade dialog to use url(icon.svg) to avoid high contrast hiding gradients. Also adjusts customize mode styling to better match proton.
Differential Revision: https://phabricator.services.mozilla.com/D113701
Switch about:welcome and upgrade dialog to use url(icon.svg) to avoid high contrast hiding gradients. Also adjusts customize mode styling to better match proton.
Differential Revision: https://phabricator.services.mozilla.com/D113701
Use the values from common.inc.css both light and dark. The theme values will override the page defaults, but not all themes use ntp_.
Differential Revision: https://phabricator.services.mozilla.com/D112410
Use the values from common.inc.css both light and dark. The theme values will override the page defaults, but not all themes use ntp_.
Differential Revision: https://phabricator.services.mozilla.com/D112410
