Most of the display: block stuff isn't needed anymore because we changed
the blockification behavior in bug 1789123.
.tab-stack, and stacks in general now uses CSS grid so doesn't need that
anymore.
DevTools is the only consumer of <xul:iframe> and width/height was
getting ignored in XUL because flexibility takes precedence, so just
remove the relevant declarations.
Differential Revision: https://phabricator.services.mozilla.com/D157070
Just add some CSS rules to offset the 4px inner margins on panels so
they position flushly with anchor nodes. Also add a rule so we can click
through the shadow box (closing the popup).
Differential Revision: https://phabricator.services.mozilla.com/D156489
When these panels had arrows, I guess the bottomcenter topleft alignment
made sense so that you could precisely align the arrow, but that's not
what we do now.
Don't use bottomcenter / leftcenter / rightcenter, since we really want
the sides to align.
This shouldn't change behavior on any platform except Linux + Wayland,
where the alignment looks good now in the case of bug 1784876.
Differential Revision: https://phabricator.services.mozilla.com/D156099
When these panels had arrows, I guess the bottomcenter topleft alignment
made sense so that you could precisely align the arrow, but that's not
what we do now.
Don't use bottomcenter / leftcenter / rightcenter, since we really want
the sides to align.
This shouldn't change behavior on any platform except Linux + Wayland,
where the alignment looks good now in the case of bug 1784876.
Differential Revision: https://phabricator.services.mozilla.com/D156099
And stop using the .plain class. Only padding / appearance /
color-scheme are necessary, no other themes set any other properties
reset by .plain.
Differential Revision: https://phabricator.services.mozilla.com/D155699
This matches Windows' behavior with this pref enabled, though I'd note
that might not be the reporter's expectation, since we only style the
caption, which is a sibling rather than an ancestor of the menu items.
That might need further fixes, anyways seems worth doing this
regardless.
Differential Revision: https://phabricator.services.mozilla.com/D154838
This matches what Linux and macOS do, and that allows the fix for bug 1782623
to work on Windows for unstyled selects.
This also simplifies the CSS (though it adds a new system color which is a bit
more annoying). I filed https://github.com/w3c/csswg-drafts/issues/7561 to
propose adding a more generic way to do this in the future (not just for
Firefox).
Differential Revision: https://phabricator.services.mozilla.com/D153549
This makes us use light or dark select popups on supported platforms
based on the background of the select element, which allows us to use
the right scrollbar color.
Depends on D153424
Differential Revision: https://phabricator.services.mozilla.com/D153425
I don't think why we have a mobile stylesheet (IIUC Android doesn't have
tooltips...), but I noticed that most tooltip styles are the same and it
should be doable to just unify them in xul.css.
We can't keep the platform-specific bits on their own stylesheet because
it loads _before_ xul.css, and thus overrides wouldn't quite do.
Depends on D151640
Differential Revision: https://phabricator.services.mozilla.com/D151641
With the new description strings added in bug 1774688, it's easier for the
explainer widget to run into the video controls. Making it wider should
make that problem less likely, and also make it read a bit better now.
Differential Revision: https://phabricator.services.mozilla.com/D151415
This includes:
1. Convert most of the color used for light and dark themes to the ones we use for Proton. I haven't touched some grey colors as those are from Photon era and are still in use in most places in the Firefox UI. Also haven't touches the Sepia colors as we don't have a matching theme to copy the colors from.
2. Make the font type buttons look as buttons in HCM.
3. Change the highlight underline color in HCM to SelectedItem and lower it by a few pixels to not overlap with glyphs that descend below the baseline.
4. When Sepia is selected, theme the popups accordingly.
5. Invert the tooltip colors for dark mode as its dark background blends too well with the page's.
6. Round the hover underline in popups.
7. Fix button focusrings to not extend beyond their borders (also theme them accordingly).
8. Fix an issue where scrolling a bit, opening a popup and clicking elsewhere that is not in the content area (say, devtools) would set the toolbar buttons to 0.6 opacity even though the popup is still open.
Differential Revision: https://phabricator.services.mozilla.com/D149921
* Add an animated svg loading spinner similar to pdf.js' loading.svg
* Add loading state strings and update string from previous steps
* Show a loading/syncing step when the last tab sync was greater than 30s ago
* Change the loading state to hide the setup steps and show the tabs list with a loading spinner
* Expose TABS_FRESH_ENOUGH_INTERVAL_SECONDS from SyncedTabs.jsm so we can define it in a single place
Differential Revision: https://phabricator.services.mozilla.com/D147565
Note this is an experiment in getting functionality going for text
recognition. It may be possible to do this more efficiently from
the C++ side of things, but this will allow for rapid experimentation
while working with UX.
Differential Revision: https://phabricator.services.mozilla.com/D143422
Note this is an experiment in getting functionality going for text
recognition. It may be possible to do this more efficiently from
the C++ side of things, but this will allow for rapid experimentation
while working with UX.
Differential Revision: https://phabricator.services.mozilla.com/D143422
