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 | |
| 4 | $left-width: 176px; |
| 5 | $border-size: 2px; |
| 6 | $left-distance: $left-width + ($border-size * 2); |
| 7 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 8 | /** |
| 9 | * Table view |
| 10 | * |
| 11 | * The table view is complicated, as the |
| 12 | * first column has to be static. |
| 13 | */ |
| 14 | @mixin matchinfo-head { |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 15 | // border-width: 0px; |
Nils Diewald | 1c54692 | 2015-04-13 01:56:19 +0000 | [diff] [blame] | 16 | border-top: $border-size solid $darker-orange; // #ff8000; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 17 | width: $left-width / 2; |
| 18 | } |
| 19 | |
Akron | eaba63e | 2018-01-26 19:49:30 +0100 | [diff] [blame] | 20 | div.matchinfo:empty { |
| 21 | display: none !important; |
| 22 | } |
| 23 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 24 | div.matchinfo { |
| 25 | position: relative; |
| 26 | width: 100%; |
| 27 | padding-top: $border-size; |
Akron | 8b592d4 | 2018-01-26 18:33:06 +0100 | [diff] [blame] | 28 | // background-color: $dark-orange; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 29 | height: auto; |
| 30 | font-size: 10pt; |
| 31 | text-align: left; |
Akron | e8ea000 | 2017-06-28 18:51:52 +0200 | [diff] [blame] | 32 | } |
Akron | 49f88cc | 2018-09-11 11:06:19 +0200 | [diff] [blame] | 33 | |
hebasta | f95226b | 2019-09-19 11:37:00 +0200 | [diff] [blame] | 34 | |
Akron | aeceda7 | 2018-02-02 20:44:06 +0100 | [diff] [blame] | 35 | div.matchtable > div { |
Akron | e8ea000 | 2017-06-28 18:51:52 +0200 | [diff] [blame] | 36 | z-index: 20; |
| 37 | margin-left: $left-distance - ($border-size / 2); |
Akron | fc8dbae | 2019-02-15 13:16:20 +0100 | [diff] [blame] | 38 | margin-right: $right-view-distance; |
Akron | e8ea000 | 2017-06-28 18:51:52 +0200 | [diff] [blame] | 39 | padding: 0; |
| 40 | overflow-x: auto; |
| 41 | overflow-y: visible; |
| 42 | width: auto; |
hebasta | f95226b | 2019-09-19 11:37:00 +0200 | [diff] [blame] | 43 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 44 | table { |
| 45 | display: table; |
| 46 | border-collapse: separate; |
| 47 | border-spacing: 0px; |
| 48 | } |
| 49 | th { |
| 50 | color: $nearly-white; |
| 51 | } |
Akron | fbf3a78 | 2017-06-28 17:34:28 +0200 | [diff] [blame] | 52 | |
| 53 | // Use matchinfo cells for query creation |
| 54 | td, |
| 55 | tbody th, |
Akron | 083ec57 | 2019-05-16 18:30:40 +0200 | [diff] [blame] | 56 | thead th:not(:nth-child(1)):not(:nth-child(2)):not(.cutted) { |
Akron | fbf3a78 | 2017-06-28 17:34:28 +0200 | [diff] [blame] | 57 | cursor: pointer; |
| 58 | } |
Akron | 78655d1 | 2017-06-28 18:56:57 +0200 | [diff] [blame] | 59 | td:empty { |
| 60 | cursor: default; |
Akron | 158fce1 | 2019-12-17 14:43:29 +0100 | [diff] [blame] | 61 | // Fix for empty annotation lines: |
| 62 | &::after { |
| 63 | content: " "; |
| 64 | white-space: pre; |
| 65 | } |
Akron | 78655d1 | 2017-06-28 18:56:57 +0200 | [diff] [blame] | 66 | } |
Akron | fbf3a78 | 2017-06-28 17:34:28 +0200 | [diff] [blame] | 67 | tr { |
| 68 | outline: none; |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 69 | // equal to dd.chosen |
Akron | 83b2b0e | 2017-07-03 15:17:38 +0200 | [diff] [blame] | 70 | td.chosen, |
| 71 | th.chosen, |
| 72 | div.chosen { |
Akron | fbf3a78 | 2017-06-28 17:34:28 +0200 | [diff] [blame] | 73 | background-color: $light-green !important; |
| 74 | color: $nearly-white; |
| 75 | // transition: color 0.1s, background-color 0.15s ease-out; |
| 76 | } |
| 77 | } |
| 78 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 79 | thead { |
| 80 | tr th { |
| 81 | background-color: $darker-orange; |
| 82 | border-top-width: 0px !important; |
Akron | 2495ceb | 2016-02-13 17:17:52 +0100 | [diff] [blame] | 83 | text-align: center; |
| 84 | &:nth-of-type(1), &:nth-of-type(2) { |
Akron | fbf3a78 | 2017-06-28 17:34:28 +0200 | [diff] [blame] | 85 | text-align: left; |
Akron | ad1e46a | 2018-09-19 15:55:40 +0200 | [diff] [blame] | 86 | } |
| 87 | &.mark { |
| 88 | background-color: $darkest-orange; // #f6a800; |
Akron | 2495ceb | 2016-02-13 17:17:52 +0100 | [diff] [blame] | 89 | } |
Akron | 083ec57 | 2019-05-16 18:30:40 +0200 | [diff] [blame] | 90 | |
| 91 | &.cutted { |
| 92 | background-color: $light-orange; |
| 93 | &::after { |
| 94 | content: $fa-cut; |
| 95 | font-family: FontAwesome; |
| 96 | padding: { |
| 97 | left: 4pt; |
| 98 | right: 4pt; |
| 99 | } |
| 100 | color: $light-green; |
| 101 | } |
| 102 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 103 | } |
| 104 | } |
Akron | fbf3a78 | 2017-06-28 17:34:28 +0200 | [diff] [blame] | 105 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 106 | tbody { |
| 107 | > tr:nth-of-type(1) > th { |
| 108 | border-top-color: transparent; |
| 109 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 110 | } |
| 111 | tr { |
| 112 | /** |
| 113 | * The first two columns. |
| 114 | */ |
| 115 | > th:nth-of-type(1), |
| 116 | > th:nth-of-type(2) { |
| 117 | position: absolute; |
| 118 | z-index: 80; |
| 119 | vertical-align: middle; |
| 120 | left: 0px; |
| 121 | @include matchinfo-head; |
| 122 | } |
| 123 | > th:nth-of-type(2) { |
| 124 | left: ($left-width / 2) + $border-size; |
| 125 | } |
Akron | 0af1414 | 2017-06-30 14:58:27 +0200 | [diff] [blame] | 126 | |
| 127 | // Includes header line as well |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 128 | > * { |
| 129 | @include cell-info; |
| 130 | border: ($border-size / 2) solid $dark-orange; |
| 131 | } |
| 132 | } |
| 133 | tr > td { |
| 134 | background-color: $middle-orange; // $nearly-white; |
| 135 | white-space: nowrap; |
| 136 | vertical-align: top; |
| 137 | text-align: center; |
Akron | ad1e46a | 2018-09-19 15:55:40 +0200 | [diff] [blame] | 138 | &.mark { |
| 139 | background-color: $light-orange; |
| 140 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 141 | } |
| 142 | tr:nth-child(even) > td { |
| 143 | background-color: $light-orange; |
Akron | ad1e46a | 2018-09-19 15:55:40 +0200 | [diff] [blame] | 144 | &.mark { |
| 145 | background-color: $middle-orange; |
| 146 | } |
Akron | 83b2b0e | 2017-07-03 15:17:38 +0200 | [diff] [blame] | 147 | } |
Akron | 83b2b0e | 2017-07-03 15:17:38 +0200 | [diff] [blame] | 148 | |
| 149 | // table for key-value pairs |
| 150 | td.matchkeyvalues { |
| 151 | padding: 0; |
| 152 | > div { |
| 153 | @include cell-info; |
| 154 | > span { |
| 155 | color: $darkest-orange; |
| 156 | text-align: right; |
| 157 | &::after { |
| 158 | content: ":" |
| 159 | } |
| 160 | padding-right: .5em; |
| 161 | } |
| 162 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 163 | } |
| 164 | } |
| 165 | |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 166 | |
hebasta | a780688 | 2019-11-18 19:35:47 +0100 | [diff] [blame] | 167 | div.metatable, div.matchtable { |
| 168 | background-color: $dark-orange; |
| 169 | position: relative; |
Akron | 41387d2 | 2018-02-02 18:10:06 +0100 | [diff] [blame] | 170 | } |
| 171 | |
Akron | 8b592d4 | 2018-01-26 18:33:06 +0100 | [diff] [blame] | 172 | /** |
| 173 | * Label |
| 174 | */ |
| 175 | // The metatable branch was experimental |
Akron | 257aa85 | 2018-02-06 19:29:51 +0100 | [diff] [blame] | 176 | div.matchtree { |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 177 | h6 { |
| 178 | display: inline; |
| 179 | font-size: inherit; |
| 180 | color: $nearly-white; |
| 181 | margin: 0; |
| 182 | padding: 0 !important; |
| 183 | float: left; |
Akron | 8b592d4 | 2018-01-26 18:33:06 +0100 | [diff] [blame] | 184 | > span { // , > div { |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 185 | @include matchinfo-head; |
| 186 | @include cell-info; |
| 187 | display: inline-block !important; |
| 188 | margin: 0; |
| 189 | &:nth-of-type(2) { |
| 190 | margin-left: $border-size; |
| 191 | } |
| 192 | } |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 193 | } |
| 194 | } |
| 195 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 196 | /** |
| 197 | * Tree view |
| 198 | */ |
| 199 | div.matchtree { |
| 200 | position: relative; |
| 201 | overflow-x: hidden; |
| 202 | overflow-y: visible; |
| 203 | padding: 0; |
| 204 | margin-top: 1pt; |
hebasta | f95226b | 2019-09-19 11:37:00 +0200 | [diff] [blame] | 205 | background-color: $dark-orange; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 206 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 207 | > div { |
Akron | 3bb91bc | 2016-12-02 16:43:17 +0100 | [diff] [blame] | 208 | position: unset; |
| 209 | z-index: 4; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 210 | overflow-x: auto; |
| 211 | margin: $border-size; |
| 212 | margin-left: $left-distance; |
Akron | fc8dbae | 2019-02-15 13:16:20 +0100 | [diff] [blame] | 213 | margin-right: $right-view-distance; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 214 | |
Akron | 257aa85 | 2018-02-06 19:29:51 +0100 | [diff] [blame] | 215 | background-color: $light-orange; |
Akron | 41387d2 | 2018-02-02 18:10:06 +0100 | [diff] [blame] | 216 | } |
| 217 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 218 | |
Akron | bfe912c | 2018-07-17 19:30:52 +0200 | [diff] [blame] | 219 | div.button-group.button-panel.button-matchinfo { |
| 220 | display: inline-block; |
| 221 | margin-right: .5em; |
| 222 | > span { |
| 223 | position: relative; |
| 224 | box-shadow: none; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 225 | } |
| 226 | } |
| 227 | |
Akron | bfe912c | 2018-07-17 19:30:52 +0200 | [diff] [blame] | 228 | div.matchinfo .view + .view { |
Akron | 8b592d4 | 2018-01-26 18:33:06 +0100 | [diff] [blame] | 229 | margin-top: 4 * $border-size !important; |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 230 | } |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 231 | |
Akron | bfe912c | 2018-07-17 19:30:52 +0200 | [diff] [blame] | 232 | |
| 233 | // Metatable |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 234 | div.metatable > dl { |
Akron | fc8dbae | 2019-02-15 13:16:20 +0100 | [diff] [blame] | 235 | margin-right: $right-view-distance; |
Akron | bd34298 | 2018-01-25 18:01:46 +0100 | [diff] [blame] | 236 | margin-top: $border-size; |
| 237 | |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 238 | > div { |
Akron | 2f97912 | 2018-07-25 17:00:23 +0200 | [diff] [blame] | 239 | border-color: $dark-orange; |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 240 | > * { |
| 241 | padding: .2em; |
| 242 | } |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 243 | > dt { |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 244 | background: $darker-orange; |
| 245 | color: $nearly-white; |
Akron | ca2c37c | 2018-03-06 20:18:47 +0100 | [diff] [blame] | 246 | width: 12.5em; |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 247 | } |
| 248 | > dd { |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 249 | background-color: $light-orange; |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 250 | cursor: pointer; |
| 251 | } |
Akron | a0ea3c3 | 2018-12-14 18:33:48 +0100 | [diff] [blame] | 252 | > dd[data-type="type:store"], |
| 253 | > dd[data-type="type:attachement"]{ |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 254 | background-color: $middle-orange; |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 255 | cursor: default; |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 256 | |
Akron | a0ea3c3 | 2018-12-14 18:33:48 +0100 | [diff] [blame] | 257 | a { |
| 258 | color: inherit; |
| 259 | } |
| 260 | } |
| 261 | |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 262 | > dd.metakeyvalues { |
| 263 | padding:0; |
| 264 | > div { |
| 265 | padding: .2em; |
Akron | 7c70c89 | 2019-09-19 10:41:30 +0200 | [diff] [blame] | 266 | &::before { |
| 267 | content: "\2022\00A0"; |
| 268 | color: $dark-orange |
| 269 | } |
Akron | d45a170 | 2018-11-19 18:15:17 +0100 | [diff] [blame] | 270 | } |
| 271 | } |
| 272 | |
| 273 | // equal to td.chosen |
| 274 | > dd.chosen, > dd > div.chosen { |
| 275 | background-color: $light-green !important; |
| 276 | color: $nearly-white; |
Akron | 24866cf | 2018-01-23 20:22:01 +0100 | [diff] [blame] | 277 | } |
| 278 | } |
| 279 | } |
| 280 | |
Akron | 85c3c3e | 2018-11-21 12:58:54 +0100 | [diff] [blame] | 281 | // This is a temporary feature to disable |
| 282 | // corpusByMatch assistant. See corpusByMatch.js |
| 283 | // for reasons. |
| 284 | div.metatable > dl.cbm-disabled > div > dd { |
| 285 | cursor: default !important; |
| 286 | } |