gecko-dev/toolkit/content/textbox.css
Brian Grinstead 7748a17ff2 Bug 1424095 - Tweak frontend CSS to play nicely in XUL flexbox emulation mode;r=Gijs
There are still known issues with the browser chrome when emulating, but this changeset is
done in service of getting the UI to be close enough to start running Talos tests against
it in Bug 1425330.

MozReview-Commit-ID: B0w1aOmi4FJ

--HG--
extra : rebase_source : e8b13f9203f0e368fb6f36bc9d2059fff7061b54
2018-01-04 10:25:30 -08:00

46 lines
1.2 KiB
CSS

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
html|*.textbox-input {
-moz-appearance: none !important;
text-align: inherit;
text-shadow: inherit;
box-sizing: border-box;
-moz-box-flex: 1;
}
html|*.textbox-textarea {
-moz-appearance: none !important;
text-shadow: inherit;
box-sizing: border-box;
-moz-box-flex: 1;
}
@supports -moz-bool-pref("layout.css.emulate-moz-box-with-flex") {
html|*.textbox-input,
html|*.textbox-textarea {
/* Be block-level, so that -moz-box-flex can take effect, when we are an item
in a -moz-box being emulated by modified modern flex. */
display: block;
}
}
/*
html|*.textbox-input::placeholder,
html|*.textbox-textarea::placeholder {
text-align: left;
direction: ltr;
}
html|*.textbox-input::placeholder:-moz-locale-dir(rtl),
html|*.textbox-textarea::placeholder:-moz-locale-dir(rtl) {
text-align: right;
direction: rtl;
}
*/