userChrome/findbar: rework for FF 94 (MR 19)

Use multiple lines now, instead of making fonts tiny and hiding buttons.
This commit is contained in:
Oliver Smith 2021-11-27 22:26:45 +01:00
parent eb890d187c
commit af0073b014
No known key found for this signature in database
GPG key ID: 5AE7F5513E0885CB

View file

@ -2,26 +2,21 @@
* SPDX-License-Identifier: GPL-3.0-or-later */
@media (max-width: 700px) {
/* Findbar */
[anonid="findbar-textbox-wrapper"] {
min-width: 160px;
width: 160px;
.findbar-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: 150px !important;
}
[anonid="findbar-textbox"] {
max-width: 100px;
min-width: 100px;
width: 100px;
.findbar-textbox {
/* Overwrite fixed size, so the X on the right shows up */
width: 100% !important;
}
.findbar-button {
font-size: 6pt;
}
/* Save space */
.findbar-match-diacritics,
.findbar-entire-word,
.found-matches,
.findbar-find-status,
.find-status-icon
{
display: none;
.findbar-container checkbox {
/* Add space around the buttons, looks nicer and makes it easier to hit
* them with the finger. */
padding: 10px 0px;
}
}