File: bug1966389-boots.com-align-element-widths.css

package info (click to toggle)
firefox 141.0.3-1
  • links: PTS, VCS
  • area: main
  • in suites: sid
  • size: 4,550,588 kB
  • sloc: cpp: 7,426,506; javascript: 6,367,238; ansic: 3,707,351; python: 1,369,002; xml: 623,983; asm: 426,918; java: 184,324; sh: 64,488; makefile: 19,203; objc: 13,059; perl: 12,955; yacc: 4,583; cs: 3,846; pascal: 3,352; lex: 1,720; ruby: 1,071; exp: 762; php: 436; lisp: 258; awk: 247; sql: 66; sed: 54; csh: 10
file content (20 lines) | stat: -rw-r--r-- 740 bytes parent folder | download | duplicates (2)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* 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/. */

/**
 * www.boots.com/opticiansappointments - form elements are not the same width
 * Bug #1966389 - https://bugzilla.mozilla.org/show_bug.cgi?id=1966389
 * WebCompat issue #154274 - https://github.com/webcompat/web-bugs/issues/154274
 *
 * They are using the non-standard -webkit-fill-available, but we can use the
 * similar -moz-available to work around the issue.
 */
@media only screen and (max-width: 1224px) {
  .Address input,
  .RebookAddress input,
  .Age select,
  .AppointmentType select {
    width: -moz-available;
  }
}