PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.2.3
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.2.3
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
← All changes | css/frm_admin.css +17 -248 6.5.16.2.3 View file →
@@ -139,13 +139,8 @@
139 139 .frm-full-screen .wp-header-end {
140 140 display: none;
141 141 }
142 142
143 -body.frm-white-body:not(.frm-full-screen) .mce-fullscreen {
144 - top: 32px;
145 - left: 160px;
146 -}
147 -
148 143 .frm-full-screen #wpbody-content,
149 144 .frm-full-screen #wpbody,
150 145 .frm-full-screen #wpcontent {
151 146 padding: 0;
@@ -158,9 +153,10 @@
158 153 padding-bottom: 0;
159 154 }
160 155
161 156 .post-new-php.post-type-frm_display #screen-meta-links,
162 -.post-php.post-type-frm_display #screen-meta-links {
157 +.post-php.post-type-frm_display #screen-meta-links,
158 +.frm-white-body #wpfooter {
163 159 display: none;
164 160 }
165 161
166 162 .frm-white-body #screen-meta-links {
@@ -1091,53 +1087,12 @@
1091 1087 #postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown {
1092 1088 position: relative;
1093 1089 }
1094 1090
1095 -/* Admin footer */
1096 1091 .frm-white-body #footer-upgrade {
1097 1092 display: none;
1098 1093 }
1099 1094
1100 -.frm-admin-footer-links,
1101 -.frm-admin-footer-links-nav,
1102 -.frm-admin-footer-links-socials {
1103 - display: flex;
1104 - justify-content: center;
1105 -}
1106 -
1107 -.frm-admin-footer-links {
1108 - gap: var(--gap-2xs);
1109 - flex-direction: column;
1110 - text-align: center;
1111 - padding: var(--gap-xl) 0 var(--gap-lg) 160px;
1112 - font-size: var(--text-xs);
1113 - color: var(--grey-400);
1114 -}
1115 -
1116 -body.rtl .frm-admin-footer-links {
1117 - padding-left: unset;
1118 - padding-right: 160px;
1119 -}
1120 -
1121 -body.frm-hidden-overflow {
1122 - height: 100%;
1123 - overflow: hidden;
1124 -}
1125 -
1126 -.frm-admin-footer-links-nav {
1127 - gap: var(--gap-2xs);
1128 - margin-bottom: var(--gap-xs);
1129 -}
1130 -
1131 -.frm-admin-footer-links-socials {
1132 - gap: var(--gap-xs);
1133 -}
1134 -
1135 -.frm-admin-footer-links-socials a {
1136 - color: var(--grey-400);
1137 -}
1138 -/* End Admin footer */
1139 -
1140 1095 .frm_list_entry_page h2 {
1141 1096 float: left;
1142 1097 }
1143 1098
@@ -1779,18 +1734,11 @@
1779 1734 color: inherit;
1780 1735 }
1781 1736
1782 1737 #frm_form_editor_container .divider_section_only .frm_primary_label {
1783 - display: flex;
1784 - align-items: center;
1785 - gap: var(--gap-xs);
1786 1738 font-size: 20px;
1787 1739 }
1788 1740
1789 -#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label {
1790 - padding: 0;
1791 -}
1792 -
1793 1741 form .form-field.frm_field_loading {
1794 1742 margin-bottom: 0;
1795 1743 min-height: 0;
1796 1744 padding: 0;
@@ -1942,43 +1890,8 @@
1942 1890 font-weight: bold;
1943 1891 margin-bottom:4px;
1944 1892 }
1945 1893
1946 -/* Warning message dismiss */
1947 -.frm_warning_style {
1948 - position: relative;
1949 - padding-right: calc(var(--gap-md) + 15px);
1950 -}
1951 -
1952 -body.rtl .frm_warning_style {
1953 - padding-right: var(--gap-md);
1954 - padding-left: calc(var(--gap-md) + 15px);
1955 -}
1956 -
1957 -.frm-warning-dismiss {
1958 - position: absolute;
1959 - top: 10px;
1960 - right: 10px;
1961 - display: flex;
1962 - cursor: pointer;
1963 - transition: opacity 0.2s ease-out;
1964 -}
1965 -
1966 -body.rtl .frm-warning-dismiss {
1967 - left: 10px;
1968 - right: auto;
1969 -}
1970 -
1971 -.frm-warning-dismiss:hover {
1972 - opacity: 0.8;
1973 -}
1974 -
1975 -.frm-warning-dismiss.frmsvg,
1976 -.frm-warning-dismiss.frmsvg svg {
1977 - width: 15px;
1978 - height: 15px;
1979 -}
1980 -
1981 1894 .frm_note_style {
1982 1895 background: rgba(188, 224, 253, 0.23);
1983 1896 color: var(--grey-700);
1984 1897 }
@@ -2123,9 +2036,9 @@
2123 2036 position: relative;
2124 2037 }
2125 2038
2126 2039 .frm-addons .plugin-card-top {
2127 - min-height: 155px;
2040 + height: 155px;
2128 2041 padding-top: var(--gap-lg);
2129 2042 overflow: hidden;
2130 2043 }
2131 2044
@@ -2835,14 +2748,14 @@
2835 2748 margin-left: auto;
2836 2749 transform: rotate(-90deg);
2837 2750 }
2838 2751
2839 -#frm_embed_modal .frm_modal_footer {
2752 +#frm_embed_modal .frm-modal-cancel {
2840 2753 display: none;
2841 2754 }
2842 2755
2843 -#frm_embed_modal.frm-on-page-2 .frm_modal_footer {
2844 - display: block;
2756 +#frm_embed_modal.frm-on-page-2 .frm-modal-cancel {
2757 + display: inline;
2845 2758 }
2846 2759
2847 2760 .frm-embed-modal-content ul {
2848 2761 max-height: 300px;
@@ -2949,18 +2862,8 @@
2949 2862 a.frm_pro_tip .frmsvg {
2950 2863 margin-right: 10px;
2951 2864 }
2952 2865
2953 -.frm-light-tip a.frm_pro_tip {
2954 - background: rgba(188, 224, 253, 0.23);
2955 -}
2956 -
2957 -.frm-light-tip a.frm_pro_tip .frmsvg,
2958 -.frm-light-tip a.frm_pro_tip i,
2959 -.frm-light-tip .frm-tip-cta {
2960 - color: var(--primary-500);
2961 -}
2962 -
2963 2866 .frm-tip-info {
2964 2867 flex: 1;
2965 2868 text-align: left;
2966 2869 }
@@ -4093,27 +3996,8 @@
4093 3996 max-width: 100%;
4094 3997 font-size: inherit;
4095 3998 }
4096 3999
4097 -/* Start entry statuses */
4098 -.frm-entry-status {
4099 - padding: var(--gap-2xs) var(--gap-xs);
4100 - align-items: center;
4101 - border-radius: var(--small-radius);
4102 - text-transform: uppercase;
4103 -}
4104 -
4105 -.frm-entry-status-0 {
4106 - color: #1E561F;
4107 - background: #D5F2DC;
4108 -}
4109 -
4110 -.frm-entry-status-1 {
4111 - color: #7A4D05;
4112 - background: #FFF2D2;
4113 -}
4114 -/* End entry statuses */
4115 -
4116 4000 #frm-options-panel {
4117 4001 padding: 0 var(--gap-sm);
4118 4002 color: var(--grey-900);
4119 4003 }
@@ -4123,12 +4007,8 @@
4123 4007 padding: 15px 0;
4124 4008 margin-top: -2px;
4125 4009 }
4126 4010
4127 -.frm-right-panel a.frm_add_logic_link:focus {
4128 - outline: auto;
4129 -}
4130 -
4131 4011 #frm_style_sidebar h3,
4132 4012 #frm_view_editor_left.frm-right-panel .accordion-section-title {
4133 4013 padding: 15px 0;
4134 4014 }
@@ -6201,22 +6081,8 @@
6201 6081 .frm-has-fields #frm-show-fields {
6202 6082 min-height: 50px;
6203 6083 }
6204 6084
6205 -#frm_builder_page .frm-lite-credit-card-element,
6206 -body.frm-admin-page-styles .frm-lite-credit-card-element {
6207 - position: relative;
6208 -}
6209 -
6210 -#frm_builder_page .frm-lite-credit-card-element > div,
6211 -body.frm-admin-page-styles .frm-lite-credit-card-element > div {
6212 - position: absolute;
6213 - top: calc( 50% - 1px);
6214 - transform: translateY(-50%);
6215 - right: 10px;
6216 - color: #d0d4dd;
6217 -}
6218 -
6219 6085 #frm_builder_page #frm_field_group_controls {
6220 6086 position: absolute;
6221 6087 padding: 5px;
6222 6088 border-radius: 4px 4px 0 0;
@@ -6428,9 +6294,8 @@
6428 6294 }
6429 6295
6430 6296 .frm-section-collapsed .divider_section_only:hover:after,
6431 6297 li.selected.frm-section-collapsed .divider_section_only:before,
6432 -li.selected.frm-section-collapsed .divider_section_only:after,
6433 6298 .divider_section_only:hover:before,
6434 6299 li.selected .divider_section_only:before {
6435 6300 border-color: transparent;
6436 6301 }
@@ -6464,10 +6329,10 @@
6464 6329 }
6465 6330
6466 6331 #frm_builder_page .frm_remove_form_row .frmsvg,
6467 6332 #frm_builder_page .frm_remove_form_row i:before,
6468 -#frm_builder_page .frm_add_form_row .frmsvg,
6469 -#frm_builder_page .frm_add_form_row i:before {
6333 +.frm_wrap .frm_add_form_row .frmsvg,
6334 +.frm_add_form_row i:before {
6470 6335 color: var(--primary-700);
6471 6336 }
6472 6337
6473 6338 .frm-preview-buttons .frm_button_submit {
@@ -6601,25 +6466,13 @@
6601 6466 color: currentColor;
6602 6467 }
6603 6468
6604 6469 .frm-collapsed i:before,
6470 +.frm-section-collapsed .frm_arrowdown6_icon:before,
6605 6471 .frm-page-collapsed .frm_arrowdown6_icon:before {
6606 6472 content: '\e913';
6607 6473 }
6608 6474
6609 -.frm-collapse-section svg {
6610 - fill: var(--primary-color);
6611 - transition: transform 0.2s ease-out, fill 0.2s ease-out;
6612 -}
6613 -
6614 -.frm-collapse-section:hover svg {
6615 - fill: var(--primary-700);
6616 -}
6617 -
6618 -.frm-section-collapsed .frm-collapse-section svg {
6619 - transform: rotate(-90deg);
6620 -}
6621 -
6622 6475 .open .widget-top .frm_arrow_right_icon:before {
6623 6476 content: '\e62a';
6624 6477 }
6625 6478
@@ -7647,14 +7500,8 @@
7647 7500 width: var(--text-md);
7648 7501 font-size: var(--text-md);
7649 7502 }
7650 7503
7651 -/* Standardize icon size for field buttons in the builder */
7652 -.field_type_list li.frmbutton .frmsvg {
7653 - width: var(--text-xl);
7654 - font-size: var(--text-xl);
7655 -}
7656 -
7657 7504 .frm_code_list i:before {
7658 7505 font-size: inherit;
7659 7506 }
7660 7507
@@ -7679,18 +7526,8 @@
7679 7526 padding: var(--gap-xs) var(--gap-sm) !important;
7680 7527 color: var(--grey-900) !important;
7681 7528 }
7682 7529
7683 -/* Adjust field button size to full width in builder */
7684 -#frm-insert-fields li a {
7685 - display: flex !important;
7686 -}
7687 -
7688 -/* Prevents advanced fields from always appearing in search results */
7689 -#frm-insert-fields li.frm_show_upgrade.frm_hidden {
7690 - display: none !important;
7691 -}
7692 -
7693 7530 .frmbutton.ui-draggable-dragging a {
7694 7531 border: 1px solid var(--grey-300);
7695 7532 box-shadow: var(--box-shadow-md);
7696 7533 }
@@ -7840,10 +7677,9 @@
7840 7677 }
7841 7678
7842 7679 .frm-views-editor-body .ui-widget-overlay,
7843 7680 .frm-white-body .ui-widget-overlay,
7844 -.toplevel_page_formidable .ui-widget-overlay,
7845 -body[class*=formidable-payments] .ui-widget-overlay {
7681 +.toplevel_page_formidable .ui-widget-overlay {
7846 7682 position: fixed;
7847 7683 width: 100%;
7848 7684 height: 100%;
7849 7685 top: 0;
@@ -8487,21 +8323,8 @@
8487 8323 p.howto {
8488 8324 display: inline-block;
8489 8325 }
8490 8326
8491 - /* Fix: Issue where the admin page content had extra white space to the left on small screens */
8492 - .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container,
8493 - .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container {
8494 - left: 36px;
8495 - }
8496 -
8497 - .frm-admin-footer-links {
8498 - padding-left: 36px;
8499 - }
8500 -
8501 - body.rtl .frm-admin-footer-links {
8502 - padding-right: 36px;
8503 - }
8504 8327 }
8505 8328
8506 8329 @media only screen and (max-width: 850px) {
8507 8330 #frm_bs_dropdown {
@@ -8741,16 +8564,8 @@
8741 8564
8742 8565 #wp-content-media-buttons a.frm_insert_form {
8743 8566 padding: 0 var(--gap-sm);
8744 8567 }
8745 -
8746 - .frm-admin-footer-links {
8747 - padding-left: 0;
8748 - }
8749 -
8750 - body.rtl .frm-admin-footer-links {
8751 - padding-right: 0;
8752 - }
8753 8568 }
8754 8569
8755 8570 @media only screen and (max-width: 700px) {
8756 8571 .frm-white-body,
@@ -8985,9 +8800,9 @@
8985 8800 position: absolute;
8986 8801 top: 0;
8987 8802 right: 0;
8988 8803 width: 366px;
8989 - max-height: 231px;
8804 + height: 231px;
8990 8805 border-radius: 8px;
8991 8806 background: #fff;
8992 8807 box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15);
8993 8808 z-index: 3;
@@ -9005,23 +8820,8 @@
9005 8820 bottom: 50px;
9006 8821 height: 196px;
9007 8822 }
9008 8823
9009 -#frm_field_group_popup > hr {
9010 - margin: 12px 0;
9011 -}
9012 -
9013 -#frm_field_group_popup .frm-cancel-custom-field-group-layout,
9014 -#frm_field_group_popup .frm-save-custom-field-group-layout {
9015 - padding: 4px 18px;
9016 -}
9017 -
9018 -#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover {
9019 - border-color: var(--primary-500) !important;
9020 - color: var(--primary-500);
9021 - background-color: transparent !important;
9022 -}
9023 -
9024 8824 .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group {
9025 8825 display: none;
9026 8826 }
9027 8827
@@ -9036,9 +8836,9 @@
9036 8836 font-size: 11px;
9037 8837 line-height: 15px;
9038 8838 text-transform: uppercase;
9039 8839 color: rgba(40, 47, 54, 0.45);
9040 - margin-bottom: 27px;
8840 + margin-bottom: 40px;
9041 8841 }
9042 8842
9043 8843 .frm-row-layout-option {
9044 8844 background: #F6F7FB;
@@ -9043,9 +8843,9 @@
9043 8843 .frm-row-layout-option {
9044 8844 background: #F6F7FB;
9045 8845 box-sizing: border-box;
9046 8846 border-radius: 2px;
9047 - padding: 15px 10px;
8847 + padding: 18px 11px;
9048 8848 }
9049 8849
9050 8850 #frm_field_group_popup .frm-row-layout-option .frm_grid_container {
9051 8851 grid-gap: 0 5%;
@@ -9053,23 +8853,22 @@
9053 8853 }
9054 8854
9055 8855 #frm_field_group_popup .frm-row-layout-option {
9056 8856 cursor: pointer;
9057 - border: 2px solid transparent;
9058 8857 }
9059 8858
9060 8859 #frm_field_group_popup .frm-row-layout-option.frm-active-row-layout,
9061 8860 #frm_field_group_popup .frm-row-layout-option:hover {
9062 - border-color: var(--primary-500);
8861 + outline: 1px solid var(--primary-500);
9063 8862 }
9064 8863
9065 8864 .frm-custom-field-group-layout,
9066 8865 .frm-break-field-group {
9067 - padding: 4px 24px;
8866 + padding: 5px 15px;
9068 8867 cursor: pointer;
9069 8868 font-size: var(--text-sm);
9070 8869 line-height: 19px;
9071 - color: rgba(72, 78, 84, 1);
8870 + color: rgba(40, 47, 54, 0.85);
9072 8871 }
9073 8872
9074 8873 .frm-custom-field-group-layout:hover,
9075 8874 .frm-break-field-group:hover {
@@ -9114,13 +8913,12 @@
9114 8913 }
9115 8914
9116 8915 .frm-builder-popup-heading {
9117 8916 font-weight: 600;
9118 - font-size: 11px;
8917 + font-size: 12px;
9119 8918 line-height: 15px;
9120 8919 text-transform: uppercase;
9121 8920 color: rgba(40, 47, 54, 0.45);
9122 - margin-bottom: 7px;
9123 8921 }
9124 8922
9125 8923 .frm-builder-popup-subheading {
9126 8924 font-size: 12px;
@@ -9127,17 +8925,8 @@
9127 8925 line-height: 16px;
9128 8926 color: rgba(40, 47, 54, 0.45);
9129 8927 }
9130 8928
9131 -#frm_field_group_popup input[type="text"] {
9132 - height: 30px;
9133 - border-radius: 3px;
9134 - font-size: 14px;
9135 - padding: 8px;
9136 - color: rgba(84, 95, 110, 1);
9137 - border-color: rgba(40, 47, 54, 0.2);
9138 -}
9139 -
9140 8929 .frm-multiselect-popup-separator {
9141 8930 height: 36px;
9142 8931 width: 1px;
9143 8932 position: relative;
@@ -9227,28 +9016,8 @@
9227 9016
9228 9017 #frm_new_form_modal .frm-ready-made-solution > div:first-child {
9229 9018 width: 30%;
9230 9019 text-align: center;
9231 -}
9232 -
9233 -#frm_leave_email_wrapper {
9234 - position: relative;
9235 - margin: 0 auto;
9236 -}
9237 -
9238 -#frm_new_form_modal #frm_leave_email_wrapper {
9239 - width: 600px;
9240 -}
9241 -
9242 -#frm_leave_email_wrapper .frmsvg {
9243 - top: 0;
9244 -}
9245 -
9246 -#frm_leave_email_error {
9247 - position: absolute;
9248 - right: 71px;
9249 - top: 7px;
9250 - color: #973937;
9251 9020 }
9252 9021
9253 9022 .frm-ready-made-solution h3 ~ a {
9254 9023 color: var(--primary-500);