Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 1 | @charset "utf-8"; |
Nils Diewald | ab4d3ca | 2015-04-17 01:48:43 +0000 | [diff] [blame] | 2 | @import "../util"; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 3 | |
Akron | 2d0d96d | 2019-11-18 19:49:50 +0100 | [diff] [blame] | 4 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 5 | /** |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 6 | * Search field |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 7 | */ |
| 8 | #q-field { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 9 | display: block; |
| 10 | margin-bottom: 3px; |
| 11 | width: 100%; |
| 12 | margin: 0; |
Akron | 36c020f | 2018-03-19 16:25:26 +0100 | [diff] [blame] | 13 | |
| 14 | &::-webkit-search-cancel-button { |
| 15 | display: none; |
| 16 | } |
Akron | 1be6c1c | 2020-01-07 15:29:58 +0100 | [diff] [blame] | 17 | |
| 18 | &.loading { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 19 | background: { |
| 20 | color: $light-orange; |
| 21 | image: none; |
| 22 | } |
Akron | 1be6c1c | 2020-01-07 15:29:58 +0100 | [diff] [blame] | 23 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 24 | } |
| 25 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 26 | |
| 27 | #searchbar { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 28 | position: relative; |
| 29 | width: 100%; |
| 30 | padding: 0; |
Akron | 179b7c8 | 2018-05-28 19:33:38 +0200 | [diff] [blame] | 31 | padding-right: $right-distance + $button-width; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 32 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 33 | button[type=submit] { |
| 34 | position: absolute; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 35 | padding: 0; |
| 36 | right: $right-distance; |
| 37 | |
Akron | 1be6c1c | 2020-01-07 15:29:58 +0100 | [diff] [blame] | 38 | &:not(.loading)::after { |
Nils Diewald | 2488d05 | 2015-04-09 21:46:02 +0000 | [diff] [blame] | 39 | content: $fa-search; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 40 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 41 | } |
| 42 | } |
| 43 | |
Akron | 2d0d96d | 2019-11-18 19:49:50 +0100 | [diff] [blame] | 44 | .query.panel { |
| 45 | padding-right: $right-distance + $button-width; |
| 46 | } |
| 47 | |
| 48 | // Specify result button group layout |
| 49 | |
| 50 | .query.button-group.button-panel { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 51 | display: block; |
| 52 | width: auto; |
| 53 | text-align: right; |
Akron | 2d0d96d | 2019-11-18 19:49:50 +0100 | [diff] [blame] | 54 | vertical-align: top; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 55 | line-height: 1.3em; |
| 56 | |
Akron | 2d0d96d | 2019-11-18 19:49:50 +0100 | [diff] [blame] | 57 | > span { |
| 58 | box-shadow: none; |
| 59 | } |
| 60 | } |