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 | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 4 | /** |
| 5 | * Rules applicable for the result panel |
| 6 | */ |
| 7 | |
| 8 | // TODO: This should be moved to panel/result |
Akron | b917a7c | 2015-07-02 11:02:42 +0200 | [diff] [blame] | 9 | |
Akron | 179c8ac | 2015-06-30 19:30:50 +0200 | [diff] [blame] | 10 | #resultinfo { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 11 | clear: both; |
| 12 | text-align: right; |
Akron | 656c5d9 | 2015-11-13 21:17:03 +0100 | [diff] [blame] | 13 | line-height: 1.5em; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 14 | min-height: 1.5em; |
| 15 | margin-top: .4em; |
| 16 | font-size: 10pt; |
| 17 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 18 | p.found { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 19 | display: inline; |
| 20 | padding: 0; |
| 21 | margin: 0; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 22 | text-align: right; |
| 23 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 24 | |
| 25 | /* |
| 26 | * TODO: |
| 27 | * This rule should not be dependent on |
| 28 | * whether something is found or not, |
| 29 | * but whether #search contains a result, |
| 30 | * e.g. when a result view is open in the |
| 31 | * result panel. This should probably be |
| 32 | * indicated by a class on the button group |
| 33 | * rather than a class on the resultinfo. |
| 34 | */ |
| 35 | &.found { |
| 36 | position: relative; |
| 37 | margin-bottom: 0px; |
| 38 | |
| 39 | .button-group > span { |
| 40 | margin-bottom: 0; |
| 41 | border-bottom-width: 0; |
| 42 | box-shadow: none; |
| 43 | |
| 44 | &:first-child { |
| 45 | border-bottom-left-radius: 0; |
| 46 | } |
| 47 | |
| 48 | &:last-child { |
| 49 | border-bottom-right-radius: 0; |
| 50 | } |
| 51 | } |
| 52 | } |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 53 | } |
Akron | b917a7c | 2015-07-02 11:02:42 +0200 | [diff] [blame] | 54 | |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 55 | |
Akron | 2f97912 | 2018-07-25 17:00:23 +0200 | [diff] [blame] | 56 | div.result.panel .view { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 57 | border: 1px solid $kwic-border; |
Akron | 2f97912 | 2018-07-25 17:00:23 +0200 | [diff] [blame] | 58 | background-color: $dark-orange; |
| 59 | } |
| 60 | |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 61 | |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 62 | // Specify result button group layout |
Akron | 4d926f1 | 2018-07-16 15:30:25 +0200 | [diff] [blame] | 63 | .result.button-group.button-panel { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 64 | display: inline-block; |
| 65 | width: auto; |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 66 | vertical-align: bottom; |
Akron | 7488381 | 2020-09-14 19:04:53 +0200 | [diff] [blame] | 67 | line-height: 1.5em; |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 68 | |
| 69 | > span { |
Akron | 7488381 | 2020-09-14 19:04:53 +0200 | [diff] [blame] | 70 | line-height: 1.5em; |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 71 | border-width: $result-border-size 0; |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 72 | |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 73 | &:first-child { |
| 74 | border-left-width: $result-border-size; |
Akron | b917a7c | 2015-07-02 11:02:42 +0200 | [diff] [blame] | 75 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 76 | |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 77 | &:last-child { |
| 78 | border-right-width: $result-border-size; |
Akron | 9a5b1e1 | 2016-12-06 18:18:23 +0100 | [diff] [blame] | 79 | } |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 80 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 81 | } |
| 82 | |
Akron | bec4a6a | 2018-07-10 14:45:15 +0200 | [diff] [blame] | 83 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 84 | #total-results { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 85 | color: $light-green; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 86 | font-weight: bold; |
| 87 | } |
Akron | 656c5d9 | 2015-11-13 21:17:03 +0100 | [diff] [blame] | 88 | |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 89 | |
Akron | 8ea8429 | 2018-10-24 13:41:52 +0200 | [diff] [blame] | 90 | .no-results { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 91 | margin: 0 auto; |
Nils Diewald | a898dac | 2015-05-06 21:04:16 +0000 | [diff] [blame] | 92 | text-align: center; |
| 93 | code { |
Nils Diewald | a898dac | 2015-05-06 21:04:16 +0000 | [diff] [blame] | 94 | font-weight: bold; |
| 95 | } |
| 96 | } |
Akron | b917a7c | 2015-07-02 11:02:42 +0200 | [diff] [blame] | 97 | |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 98 | |
| 99 | // Define icons for result buttons |
| 100 | .button-icon { |
hebasta | 40a85cf | 2020-07-15 18:10:08 +0200 | [diff] [blame] | 101 | |
| 102 | // TODO: |
| 103 | // Add icon via data-icon |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 104 | &.align.left::after { |
| 105 | content: $fa-left-align; |
| 106 | } |
| 107 | &.align.right::after { |
| 108 | content: $fa-right-align; |
| 109 | } |
| 110 | &.align.center::after { |
| 111 | content: $fa-center-align; |
| 112 | } |
| 113 | &.show-kq::after { |
| 114 | content: $fa-code; |
| 115 | } |
| 116 | } |