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