PluginProbe
Smart Grid-Layout Design for Contact Form 7 / 4.5
Smart Grid-Layout Design for Contact Form 7 v4.5
4.18.0 4.17.0 3.2.0 3.2.1 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 4.0.0 4.0.1 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 4.10 4.11 4.12 4.13 4.14 All 119 releases
← All changes | admin/css/cf7-grid-layout-post.css +38 -16 4.1.14.5 View file →
@@ -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;