| @@ -1,5 +1,5 @@ | ||
| 1 | -#editors{position: relative;} | |
| 1 | +#editors, #contact-form-editor {position: relative;} | |
| 2 | 2 | #optional-editors { |
| 3 | 3 | display: inline-block; |
| 4 | 4 | position: absolute; |
| 5 | 5 | margin-top: 8px; |
| @@ -4,8 +4,9 @@ | ||
| 4 | 4 | position: absolute; |
| 5 | 5 | margin-top: 8px; |
| 6 | 6 | z-index:2; |
| 7 | 7 | } |
| 8 | +*[dir="rtl"] #optional-editors {left: 0} | |
| 8 | 9 | .codemirror-theme label:hover { |
| 9 | 10 | font-weight: bold; |
| 10 | 11 | } |
| 11 | 12 | .codemirror-theme label { |
| @@ -11,8 +12,13 @@ | ||
| 11 | 12 | .codemirror-theme label { |
| 12 | 13 | z-index: 10; |
| 13 | 14 | position: relative; |
| 14 | 15 | } |
| 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} | |
| 17 | +#contact-form-editor .loading-screen h2{font-size: 20px} | |
| 18 | +#contact-form-editor .loading-screen .spinner{visibility: visible; float:none} | |
| 19 | +#contact-form-editor .loading-screen .js-error p {text-align: left;font-size: 15px} | |
| 20 | +#contact-form-editor .loading-screen .error {color: #b90101} | |
| 15 | 21 | #optional-editors a.button {font-weight: bold;} |
| 16 | 22 | #js-tags > li.show-events:not(#last-item) { |
| 17 | 23 | display: inline-block; |
| 18 | 24 | vertical-align: top; |
| @@ -59,15 +65,16 @@ | ||
| 59 | 65 | left: 4px; |
| 60 | 66 | top: -3px; |
| 61 | 67 | font-style: italic; |
| 62 | 68 | } |
| 69 | + | |
| 70 | +/* @since 4.4 .cf7sg-slider-section .cf7sg-collapsible .collapsible-row-label, | |
| 71 | +.cf7sg-accordion-rows .cf7sg-collapsible .collapsible-row-label, */ | |
| 63 | 72 | .columns.cf7sg-slider-section, .columns.cf7sg-accordion-rows {box-shadow: 0 0 6px #6a0080;} |
| 64 | 73 | .columns:not(.full) + .row-controls .grid-controls .make-grid{display:inline-block;} |
| 65 | 74 | .columns.full > .container:not(.cf7sg-collapsible) > .row:not(.cf7-sg-table) > .columns:not(.full) + .row-controls .grid-controls .make-grid, |
| 66 | 75 | .button.make-grid.display-none, |
| 67 | -.display-none, #js-tags > li.display-none:not(.show-events), | |
| 68 | -.cf7sg-slider-section .cf7sg-collapsible .collapsible-row-label, | |
| 69 | -.cf7sg-accordion-rows .cf7sg-collapsible .collapsible-row-label {display: none;} | |
| 76 | +.display-none, #js-tags > li.display-none:not(.show-events) {display: none;} | |
| 70 | 77 | .enable-grouping.grid-column > .grid-controls .grouping-option { |
| 71 | 78 | display: inline-block; |
| 72 | 79 | } |
| 73 | 80 | .codemirror-theme { |
| @@ -74,8 +81,9 @@ | ||
| 74 | 81 | position: absolute; |
| 75 | 82 | top: -26px; |
| 76 | 83 | padding: 2px 0 2px 5px; |
| 77 | 84 | background: #eae9e9; |
| 85 | + width: calc( 100% - 313px); | |
| 78 | 86 | } |
| 79 | 87 | .codemirror-theme span.file { |
| 80 | 88 | margin-left: 10px; |
| 81 | 89 | vertical-align: middle; |
| @@ -81,8 +89,12 @@ | ||
| 81 | 89 | vertical-align: middle; |
| 82 | 90 | background: #f7ecb1; |
| 83 | 91 | padding: 4px 8px; |
| 84 | 92 | color: black; |
| 93 | + max-width: calc( 100% - 216px ); | |
| 94 | + display: inline-block; | |
| 95 | + overflow-x: hidden; | |
| 96 | + height: 20px; | |
| 85 | 97 | } |
| 86 | 98 | #cf7-codemirror,#cf7-js-codemirror,#cf7-css-codemirror {position: relative;} |
| 87 | 99 | label.accordion-label:hover + span.popup{display: inline; |
| 88 | 100 | position: absolute; |
| @@ -130,24 +142,34 @@ | ||
| 130 | 142 | #full-screen-cf7 { |
| 131 | 143 | position: absolute; |
| 132 | 144 | top: -39px; |
| 133 | 145 | left: 160px; |
| 146 | + z-index: 100; | |
| 134 | 147 | } |
| 135 | 148 | #full-screen-cf7.full-screen { |
| 136 | - position: absolute; | |
| 137 | - top: auto; | |
| 138 | - left: auto; | |
| 139 | - right: 0; | |
| 140 | - bottom: -58px; | |
| 149 | + position: absolute; | |
| 150 | + top: auto; | |
| 151 | + left: auto; | |
| 152 | + right: 0; | |
| 153 | + bottom: -58px; | |
| 141 | 154 | } |
| 155 | +*[dir="rtl"] #full-screen-cf7.full-screen { | |
| 156 | + right: auto; | |
| 157 | + left: 0; | |
| 158 | +} | |
| 142 | 159 | #cf7sg-editor.full-screen { |
| 143 | - top: 5px; | |
| 144 | - z-index: 10; | |
| 145 | - position: fixed; | |
| 146 | - overflow: auto; | |
| 147 | - height: 100%; | |
| 148 | - margin-left: -15px; | |
| 149 | - } | |
| 160 | + top: 5px; | |
| 161 | + z-index: 10; | |
| 162 | + position: fixed; | |
| 163 | + overflow: auto; | |
| 164 | + height: 100%; | |
| 165 | + margin-left: -15px; | |
| 166 | + right:0; | |
| 167 | + width: calc( 100% - 170px); | |
| 168 | +} | |
| 169 | +.folded #cf7sg-editor.full-screen{ | |
| 170 | + width: calc( 100% - 46px); | |
| 171 | +} | |
| 150 | 172 | #form-editor-tabs ul.ui-tabs-nav { |
| 151 | 173 | border-bottom: 1px solid #ddd; |
| 152 | 174 | padding: 7px 0px 0 3px; |
| 153 | 175 | margin: 0; |