123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- /*
- * SonarQube
- * Copyright (C) 2009-2022 SonarSource SA
- * mailto:info AT sonarsource DOT com
- *
- * This program is free software; you can redistribute it and/or
- * modify it under the terms of the GNU Lesser General Public
- * License as published by the Free Software Foundation; either
- * version 3 of the License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Lesser General Public License
- * along with this program; if not, write to the Free Software Foundation,
- * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- */
- .search-box {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- font-size: 0;
- white-space: nowrap;
- }
-
- .search-box,
- .search-box-input {
- width: 100%;
- max-width: 300px;
- }
-
- .search-box-input {
- /* for magnifier icon */
- padding-left: var(--controlHeight) !important;
- /* for clear button */
- padding-right: var(--controlHeight) !important;
- font-size: var(--baseFontSize);
- }
-
- .search-box-input::-webkit-search-decoration,
- .search-box-input::-webkit-search-cancel-button,
- .search-box-input::-webkit-search-results-button,
- .search-box-input::-webkit-search-results-decoration {
- -webkit-appearance: none;
- display: none;
- }
-
- .search-box-input::-ms-clear,
- .search-box-input::-ms-reveal {
- display: none;
- width: 0;
- height: 0;
- }
-
- .search-box-note {
- position: absolute;
- top: 1px;
- left: 40px;
- right: var(--controlHeight);
- line-height: var(--controlHeight);
- color: var(--secondFontColor);
- font-size: var(--smallFontSize);
- text-align: right;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- pointer-events: none;
- }
-
- .search-box-input:focus ~ .search-box-magnifier {
- color: var(--darkBlue);
- }
-
- .search-box-magnifier {
- position: absolute;
- top: 4px;
- left: 4px;
- color: var(--gray52);
- transition: color 0.3s ease;
- }
-
- .search-box > .deferred-spinner {
- position: absolute;
- top: 4px;
- left: 5px;
- }
-
- .search-box-clear {
- position: absolute;
- top: 4px;
- right: 4px;
- }
-
- .search-box-clear.button:focus {
- box-shadow: 0 0 0 1px white, 0 0 0 4px rgba(35, 106, 151, 0.5);
- }
-
- .search-box-input-note {
- position: absolute;
- top: 100%;
- left: 0;
- line-height: 1;
- color: var(--secondFontColor);
- font-size: var(--smallFontSize);
- white-space: nowrap;
- }
|