| @@ -1,8 +1,4 @@ | ||
| 1 | -#cf7sg-cache-limit + p {margin: 0;font-style: italic;} | |
| 2 | -#cf7sg-cache-limit + p > code {font-style:normal;} | |
| 3 | -#cf7sg-cache-limit {display: inline-block;} | |
| 4 | -#cf7sg-cached-time {max-width: 63px;} | |
| 5 | 1 | #editors, #contact-form-editor {position: relative;} |
| 6 | 2 | #optional-editors { |
| 7 | 3 | display: inline-block; |
| 8 | 4 | position: absolute; |
| @@ -8,48 +4,8 @@ | ||
| 8 | 4 | position: absolute; |
| 9 | 5 | margin-top: 8px; |
| 10 | 6 | z-index:2; |
| 11 | 7 | } |
| 12 | -.cf7sg-tutorial { | |
| 13 | - width: 100%; | |
| 14 | - min-height: 200px; | |
| 15 | -} | |
| 16 | -.cf7sg-tutorial p { | |
| 17 | - width: 220px; | |
| 18 | - vertical-align: top; | |
| 19 | - display: inline-block; | |
| 20 | -} | |
| 21 | -.cf7sg-tutorial .img { | |
| 22 | - background-image: url('./image/tutorial.png'); | |
| 23 | - width: 220px; | |
| 24 | - height: 182px; | |
| 25 | - background-size: contain; | |
| 26 | - display: inline-block; | |
| 27 | -} | |
| 28 | -.cf7sg-tutorial .img:hover { | |
| 29 | - transform: scale(105%); | |
| 30 | -} | |
| 31 | -.cf7sg-pointer-dynamic_checkbox, | |
| 32 | -.cf7sg-pointer-tutorials_pointer, | |
| 33 | -.cf7sg-pointer-dynamic_dropdown, | |
| 34 | -.cf7sg-pointer-js_css_editors | |
| 35 | -{width:490px !important} | |
| 36 | -.cf7sg-pointer .wp-pointer-buttons a.close { | |
| 37 | - float: left; | |
| 38 | -} | |
| 39 | -.cf7sg-pointer .wp-pointer-content h3::before { | |
| 40 | - content: "\01F30A"; | |
| 41 | - font: normal 22px/normal dashicons; | |
| 42 | - top: 10px; | |
| 43 | - width: 34px; | |
| 44 | - height: 32px; | |
| 45 | -} | |
| 46 | -.tag-generator-panel .insert-box input.tag{max-width: 490px;} | |
| 47 | -/** @since 4.11 disable tag buttons on grid with no open textarea */ | |
| 48 | -.cf7-tag-generators.click-disabled a { | |
| 49 | - pointer-events: none; | |
| 50 | - color: grey; | |
| 51 | -} | |
| 52 | 8 | *[dir="rtl"] #optional-editors {left: 0} |
| 53 | 9 | .codemirror-theme label:hover { |
| 54 | 10 | font-weight: bold; |
| 55 | 11 | } |
| @@ -56,13 +12,8 @@ | ||
| 56 | 12 | .codemirror-theme label { |
| 57 | 13 | z-index: 10; |
| 58 | 14 | position: relative; |
| 59 | 15 | } |
| 60 | -.codemirror-theme input { | |
| 61 | - display: inline-block; | |
| 62 | - margin: 0 2px; | |
| 63 | - border-radius: 30%; | |
| 64 | -} | |
| 65 | 16 | #contact-form-editor .loading-screen{position:absolute;z-index: 100; padding: 100px 5px 850px 5px; width: calc(100% - 10px); background-color: white; text-align: center} |
| 66 | 17 | #contact-form-editor .loading-screen h2{font-size: 20px} |
| 67 | 18 | #contact-form-editor .loading-screen .spinner{visibility: visible; float:none} |
| 68 | 19 | #contact-form-editor .loading-screen .js-error p {text-align: left;font-size: 15px} |
| @@ -114,8 +65,9 @@ | ||
| 114 | 65 | left: 4px; |
| 115 | 66 | top: -3px; |
| 116 | 67 | font-style: italic; |
| 117 | 68 | } |
| 69 | + | |
| 118 | 70 | /* @since 4.4 .cf7sg-slider-section .cf7sg-collapsible .collapsible-row-label, |
| 119 | 71 | .cf7sg-accordion-rows .cf7sg-collapsible .collapsible-row-label, */ |
| 120 | 72 | .columns.cf7sg-slider-section, .columns.cf7sg-accordion-rows {box-shadow: 0 0 6px #6a0080;} |
| 121 | 73 | .columns:not(.full) + .row-controls .grid-controls .make-grid{display:inline-block;} |
| @@ -140,34 +92,19 @@ | ||
| 140 | 92 | color: black; |
| 141 | 93 | max-width: calc( 100% - 216px ); |
| 142 | 94 | display: inline-block; |
| 143 | 95 | overflow-x: hidden; |
| 144 | - height: 15px; | |
| 96 | + height: 20px; | |
| 145 | 97 | } |
| 146 | -.codemirror-theme span.file:hover { | |
| 147 | - max-width: none; | |
| 148 | - overflow-x: visible; | |
| 149 | - position: absolute; | |
| 150 | - right: 0; | |
| 151 | - z-index: 10; | |
| 152 | - height: auto; | |
| 153 | - width: auto; | |
| 154 | -} | |
| 155 | 98 | #cf7-codemirror,#cf7-js-codemirror,#cf7-css-codemirror {position: relative;} |
| 156 | -label.grouping-option:hover + span.popup{ | |
| 157 | - display: inline; | |
| 158 | - position: absolute; | |
| 159 | - background: white; | |
| 160 | - margin-left: 6px; | |
| 161 | - width: 200px; | |
| 162 | - border: solid 1px gray; | |
| 163 | - border-radius: 3px; | |
| 164 | - padding: 1px 5px; | |
| 165 | - color: inherit; | |
| 166 | - top: auto; | |
| 167 | - left: auto; | |
| 168 | - font-weight: normal; | |
| 169 | -} | |
| 99 | +label.accordion-label:hover + span.popup{display: inline; | |
| 100 | +position: absolute; | |
| 101 | +background: white; | |
| 102 | +margin-left: 6px; | |
| 103 | +width: 200px; | |
| 104 | +border: solid 1px gray; | |
| 105 | +border-radius: 3px; | |
| 106 | +padding: 1px 5px;} | |
| 170 | 107 | #grid-form .js-help + .cf7sg-helper-list{margin-top:39px;} |
| 171 | 108 | span.js-icon.column-control{ |
| 172 | 109 | background-image: url('./image/js-sprite.png'); |
| 173 | 110 | width: 13px; |
| @@ -203,9 +140,9 @@ | ||
| 203 | 140 | color:red; |
| 204 | 141 | } |
| 205 | 142 | #full-screen-cf7 { |
| 206 | 143 | position: absolute; |
| 207 | - top: -2.4rem; | |
| 144 | + top: -39px; | |
| 208 | 145 | left: 160px; |
| 209 | 146 | z-index: 100; |
| 210 | 147 | } |
| 211 | 148 | #full-screen-cf7.full-screen { |
| @@ -339,9 +276,9 @@ | ||
| 339 | 276 | position: absolute; |
| 340 | 277 | background: #f1f1f1; |
| 341 | 278 | padding: 5px; |
| 342 | 279 | border: solid 1px grey; |
| 343 | - width: 144px; | |
| 280 | + width: 137px; | |
| 344 | 281 | z-index:1008; |
| 345 | 282 | } |
| 346 | 283 | #grid-form .container, |
| 347 | 284 | #grid-form .table-row-button input { |
| @@ -346,11 +283,8 @@ | ||
| 346 | 283 | #grid-form .container, |
| 347 | 284 | #grid-form .table-row-button input { |
| 348 | 285 | max-width: 100%; |
| 349 | 286 | } |
| 350 | -#grid-form .cf7sg-slider-controls .button.slider-control { | |
| 351 | - display: none; | |
| 352 | -} | |
| 353 | 287 | #cf7-codemirror .CodeMirror, |
| 354 | 288 | #cf7-js-codemirror .CodeMirror, |
| 355 | 289 | #cf7-css-codemirror .CodeMirror { |
| 356 | 290 | height: calc( 100vh - 180px); |
| @@ -421,9 +355,9 @@ | ||
| 421 | 355 | position: absolute; |
| 422 | 356 | z-index: 9; |
| 423 | 357 | background: #d8d8d8; |
| 424 | 358 | border: solid 1px #787878; |
| 425 | - width: max-content; | |
| 359 | + width: 300px; | |
| 426 | 360 | } |
| 427 | 361 | #grid-form .helper-popup p { |
| 428 | 362 | margin: 0; |
| 429 | 363 | position: absolute; |
| @@ -430,9 +364,8 @@ | ||
| 430 | 364 | top: 0; |
| 431 | 365 | left: 0; |
| 432 | 366 | text-align: center; |
| 433 | 367 | width: 100%; |
| 434 | - line-height: normal; | |
| 435 | 368 | } |
| 436 | 369 | #grid-form .helper-popup .dashicons.dashicons-no-alt { |
| 437 | 370 | position: absolute; |
| 438 | 371 | right: -9px; |
| @@ -458,34 +391,8 @@ | ||
| 458 | 391 | } |
| 459 | 392 | #grid-form .helper-popup .helper:hover .copy-helper { |
| 460 | 393 | display: inline-block; |
| 461 | 394 | } |
| 462 | -.helper-list li, .cf7sg-se-option { | |
| 463 | - position: relative; | |
| 464 | -} | |
| 465 | -.helper-list li .helper::before{ | |
| 466 | - content: 'Click to copy!'; | |
| 467 | - display: none; | |
| 468 | - position: absolute; | |
| 469 | - top: -22px; | |
| 470 | - left: 10px; | |
| 471 | - background: #323232; | |
| 472 | - color: white; | |
| 473 | - padding: 2px 5px; | |
| 474 | - border-radius: 3px; | |
| 475 | - font-weight: bold; | |
| 476 | -} | |
| 477 | -.helper-list li .helper:hover::before, | |
| 478 | -.cf7sg-se-option .helper:hover::before { | |
| 479 | - display: inline-block; | |
| 480 | -} | |
| 481 | -.cf7sg-se-option .helper:hover::before { | |
| 482 | - bottom: 17px; | |
| 483 | - left: 28px; | |
| 484 | -} | |
| 485 | -.helper-list li.no-post-my-form{ | |
| 486 | - display: none; | |
| 487 | -} | |
| 488 | 395 | #grid-form .helper-popup .no-post-my-form{ |
| 489 | 396 | display: none; |
| 490 | 397 | } |
| 491 | 398 | #grid-form .cf7sg-collapsible-title label { |
| @@ -530,12 +437,11 @@ | ||
| 530 | 437 | } |
| 531 | 438 | #grid-form .row-controls .dashicons { |
| 532 | 439 | margin-top: 3px; |
| 533 | 440 | } |
| 534 | -#grid-form .row > div:nth-last-child(2) > .grid-column .dashicons-trash.column-control, | |
| 535 | -.container.cf7-sg-tabs-panel > .row > .row-controls .dashicons-plus, | |
| 536 | -.container.cf7-sg-tabs-panel > .row > .row-controls .dashicons-trash {display: none;} | |
| 537 | - | |
| 441 | +#grid-form .row > div:nth-last-child(2) > .grid-column .dashicons-trash.column-control { | |
| 442 | + display: none; | |
| 443 | +} | |
| 538 | 444 | #grid-form .row .columns + .columns > .grid-column .dashicons-trash.column-control { |
| 539 | 445 | display: inline-block; |
| 540 | 446 | } |
| 541 | 447 | #grid-form > .container > .row:first-child > .columns:first-child .dashicons-move.column-control { |
| @@ -611,10 +517,9 @@ | ||
| 611 | 517 | cursor: default; |
| 612 | 518 | } |
| 613 | 519 | .columns .row-controls .table-row-label, |
| 614 | 520 | .columns .row-controls .tabs-row-label, |
| 615 | -.container.cf7-sg-table + .container > .row .row-controls .footer-row-label, | |
| 616 | -.container.cf7sg-slider + .container > .row .row-controls .slider-control-label{ | |
| 521 | +.container.cf7-sg-table + .container > .row .row-controls .footer-row-label{ | |
| 617 | 522 | display: inline-block; |
| 618 | 523 | } |
| 619 | 524 | #grid-form ul.cf7-sg-tabs-list{ |
| 620 | 525 | margin: 0; |
