PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 6.2.1
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v6.2.1
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 +18 -254 6.5.36.2.1 View file →
@@ -27,9 +27,8 @@
27 27 --primary-color: var(--primary-500); /* Deprecated */
28 28 --primary-hover: var(--primary-700); /* Deprecated */
29 29 --light-blue: var(--primary-25); /* Deprecated */
30 30 --blue-border: rgb(188, 224, 253);
31 - --error-300: #FECDCA;
32 31 --error-500: #F04438;
33 32 --error-700: #B42318;
34 33 --green: rgb(63, 172, 37);
35 34 --orange: #F15A24;
@@ -140,13 +139,8 @@
140 139 .frm-full-screen .wp-header-end {
141 140 display: none;
142 141 }
143 142
144 -body.frm-white-body:not(.frm-full-screen) .mce-fullscreen {
145 - top: 32px;
146 - left: 160px;
147 -}
148 -
149 143 .frm-full-screen #wpbody-content,
150 144 .frm-full-screen #wpbody,
151 145 .frm-full-screen #wpcontent {
152 146 padding: 0;
@@ -159,9 +153,10 @@
159 153 padding-bottom: 0;
160 154 }
161 155
162 156 .post-new-php.post-type-frm_display #screen-meta-links,
163 -.post-php.post-type-frm_display #screen-meta-links {
157 +.post-php.post-type-frm_display #screen-meta-links,
158 +.frm-white-body #wpfooter {
164 159 display: none;
165 160 }
166 161
167 162 .frm-white-body #screen-meta-links {
@@ -1092,53 +1087,12 @@
1092 1087 #postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown {
1093 1088 position: relative;
1094 1089 }
1095 1090
1096 -/* Admin footer */
1097 1091 .frm-white-body #footer-upgrade {
1098 1092 display: none;
1099 1093 }
1100 1094
1101 -.frm-admin-footer-links,
1102 -.frm-admin-footer-links-nav,
1103 -.frm-admin-footer-links-socials {
1104 - display: flex;
1105 - justify-content: center;
1106 -}
1107 -
1108 -.frm-admin-footer-links {
1109 - gap: var(--gap-2xs);
1110 - flex-direction: column;
1111 - text-align: center;
1112 - padding: var(--gap-xl) 0 var(--gap-lg) 160px;
1113 - font-size: var(--text-xs);
1114 - color: var(--grey-400);
1115 -}
1116 -
1117 -body.rtl .frm-admin-footer-links {
1118 - padding-left: unset;
1119 - padding-right: 160px;
1120 -}
1121 -
1122 -body.frm-hidden-overflow {
1123 - height: 100%;
1124 - overflow: hidden;
1125 -}
1126 -
1127 -.frm-admin-footer-links-nav {
1128 - gap: var(--gap-2xs);
1129 - margin-bottom: var(--gap-xs);
1130 -}
1131 -
1132 -.frm-admin-footer-links-socials {
1133 - gap: var(--gap-xs);
1134 -}
1135 -
1136 -.frm-admin-footer-links-socials a {
1137 - color: var(--grey-400);
1138 -}
1139 -/* End Admin footer */
1140 -
1141 1095 .frm_list_entry_page h2 {
1142 1096 float: left;
1143 1097 }
1144 1098
@@ -1746,12 +1700,8 @@
1746 1700 display: block;
1747 1701 line-height: var(--leading);
1748 1702 }
1749 1703
1750 -#frm_form_editor_container #frm-show-fields .frm_primary_label {
1751 - min-height: 21px;
1752 -}
1753 -
1754 1704 .frm-fields td input + label {
1755 1705 display: inline;
1756 1706 }
1757 1707
@@ -1784,18 +1734,11 @@
1784 1734 color: inherit;
1785 1735 }
1786 1736
1787 1737 #frm_form_editor_container .divider_section_only .frm_primary_label {
1788 - display: flex;
1789 - align-items: center;
1790 - gap: var(--gap-xs);
1791 1738 font-size: 20px;
1792 1739 }
1793 1740
1794 -#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label {
1795 - padding: 0;
1796 -}
1797 -
1798 1741 form .form-field.frm_field_loading {
1799 1742 margin-bottom: 0;
1800 1743 min-height: 0;
1801 1744 padding: 0;
@@ -1947,43 +1890,8 @@
1947 1890 font-weight: bold;
1948 1891 margin-bottom:4px;
1949 1892 }
1950 1893
1951 -/* Warning message dismiss */
1952 -.frm_warning_style {
1953 - position: relative;
1954 - padding-right: calc(var(--gap-md) + 15px);
1955 -}
1956 -
1957 -body.rtl .frm_warning_style {
1958 - padding-right: var(--gap-md);
1959 - padding-left: calc(var(--gap-md) + 15px);
1960 -}
1961 -
1962 -.frm-warning-dismiss {
1963 - position: absolute;
1964 - top: 10px;
1965 - right: 10px;
1966 - display: flex;
1967 - cursor: pointer;
1968 - transition: opacity 0.2s ease-out;
1969 -}
1970 -
1971 -body.rtl .frm-warning-dismiss {
1972 - left: 10px;
1973 - right: auto;
1974 -}
1975 -
1976 -.frm-warning-dismiss:hover {
1977 - opacity: 0.8;
1978 -}
1979 -
1980 -.frm-warning-dismiss.frmsvg,
1981 -.frm-warning-dismiss.frmsvg svg {
1982 - width: 15px;
1983 - height: 15px;
1984 -}
1985 -
1986 1894 .frm_note_style {
1987 1895 background: rgba(188, 224, 253, 0.23);
1988 1896 color: var(--grey-700);
1989 1897 }
@@ -2128,9 +2036,9 @@
2128 2036 position: relative;
2129 2037 }
2130 2038
2131 2039 .frm-addons .plugin-card-top {
2132 - min-height: 155px;
2040 + height: 155px;
2133 2041 padding-top: var(--gap-lg);
2134 2042 overflow: hidden;
2135 2043 }
2136 2044
@@ -2840,14 +2748,14 @@
2840 2748 margin-left: auto;
2841 2749 transform: rotate(-90deg);
2842 2750 }
2843 2751
2844 -#frm_embed_modal .frm_modal_footer {
2752 +#frm_embed_modal .frm-modal-cancel {
2845 2753 display: none;
2846 2754 }
2847 2755
2848 -#frm_embed_modal.frm-on-page-2 .frm_modal_footer {
2849 - display: block;
2756 +#frm_embed_modal.frm-on-page-2 .frm-modal-cancel {
2757 + display: inline;
2850 2758 }
2851 2759
2852 2760 .frm-embed-modal-content ul {
2853 2761 max-height: 300px;
@@ -2954,18 +2862,8 @@
2954 2862 a.frm_pro_tip .frmsvg {
2955 2863 margin-right: 10px;
2956 2864 }
2957 2865
2958 -.frm-light-tip a.frm_pro_tip {
2959 - background: rgba(188, 224, 253, 0.23);
2960 -}
2961 -
2962 -.frm-light-tip a.frm_pro_tip .frmsvg,
2963 -.frm-light-tip a.frm_pro_tip i,
2964 -.frm-light-tip .frm-tip-cta {
2965 - color: var(--primary-500);
2966 -}
2967 -
2968 2866 .frm-tip-info {
2969 2867 flex: 1;
2970 2868 text-align: left;
2971 2869 }
@@ -4098,27 +3996,8 @@
4098 3996 max-width: 100%;
4099 3997 font-size: inherit;
4100 3998 }
4101 3999
4102 -/* Start entry statuses */
4103 -.frm-entry-status {
4104 - padding: var(--gap-2xs) var(--gap-xs);
4105 - align-items: center;
4106 - border-radius: var(--small-radius);
4107 - text-transform: uppercase;
4108 -}
4109 -
4110 -.frm-entry-status-0 {
4111 - color: #1E561F;
4112 - background: #D5F2DC;
4113 -}
4114 -
4115 -.frm-entry-status-1 {
4116 - color: #7A4D05;
4117 - background: #FFF2D2;
4118 -}
4119 -/* End entry statuses */
4120 -
4121 4000 #frm-options-panel {
4122 4001 padding: 0 var(--gap-sm);
4123 4002 color: var(--grey-900);
4124 4003 }
@@ -4128,12 +4007,8 @@
4128 4007 padding: 15px 0;
4129 4008 margin-top: -2px;
4130 4009 }
4131 4010
4132 -.frm-right-panel a.frm_add_logic_link:focus {
4133 - outline: auto;
4134 -}
4135 -
4136 4011 #frm_style_sidebar h3,
4137 4012 #frm_view_editor_left.frm-right-panel .accordion-section-title {
4138 4013 padding: 15px 0;
4139 4014 }
@@ -6206,22 +6081,8 @@
6206 6081 .frm-has-fields #frm-show-fields {
6207 6082 min-height: 50px;
6208 6083 }
6209 6084
6210 -#frm_builder_page .frm-lite-credit-card-element,
6211 -body.frm-admin-page-styles .frm-lite-credit-card-element {
6212 - position: relative;
6213 -}
6214 -
6215 -#frm_builder_page .frm-lite-credit-card-element > div,
6216 -body.frm-admin-page-styles .frm-lite-credit-card-element > div {
6217 - position: absolute;
6218 - top: calc( 50% - 1px);
6219 - transform: translateY(-50%);
6220 - right: 10px;
6221 - color: #d0d4dd;
6222 -}
6223 -
6224 6085 #frm_builder_page #frm_field_group_controls {
6225 6086 position: absolute;
6226 6087 padding: 5px;
6227 6088 border-radius: 4px 4px 0 0;
@@ -6433,9 +6294,8 @@
6433 6294 }
6434 6295
6435 6296 .frm-section-collapsed .divider_section_only:hover:after,
6436 6297 li.selected.frm-section-collapsed .divider_section_only:before,
6437 -li.selected.frm-section-collapsed .divider_section_only:after,
6438 6298 .divider_section_only:hover:before,
6439 6299 li.selected .divider_section_only:before {
6440 6300 border-color: transparent;
6441 6301 }
@@ -6469,10 +6329,10 @@
6469 6329 }
6470 6330
6471 6331 #frm_builder_page .frm_remove_form_row .frmsvg,
6472 6332 #frm_builder_page .frm_remove_form_row i:before,
6473 -#frm_builder_page .frm_add_form_row .frmsvg,
6474 -#frm_builder_page .frm_add_form_row i:before {
6333 +.frm_wrap .frm_add_form_row .frmsvg,
6334 +.frm_add_form_row i:before {
6475 6335 color: var(--primary-700);
6476 6336 }
6477 6337
6478 6338 .frm-preview-buttons .frm_button_submit {
@@ -6606,25 +6466,13 @@
6606 6466 color: currentColor;
6607 6467 }
6608 6468
6609 6469 .frm-collapsed i:before,
6470 +.frm-section-collapsed .frm_arrowdown6_icon:before,
6610 6471 .frm-page-collapsed .frm_arrowdown6_icon:before {
6611 6472 content: '\e913';
6612 6473 }
6613 6474
6614 -.frm-collapse-section svg {
6615 - fill: var(--primary-color);
6616 - transition: transform 0.2s ease-out, fill 0.2s ease-out;
6617 -}
6618 -
6619 -.frm-collapse-section:hover svg {
6620 - fill: var(--primary-700);
6621 -}
6622 -
6623 -.frm-section-collapsed .frm-collapse-section svg {
6624 - transform: rotate(-90deg);
6625 -}
6626 -
6627 6475 .open .widget-top .frm_arrow_right_icon:before {
6628 6476 content: '\e62a';
6629 6477 }
6630 6478
@@ -7652,14 +7500,8 @@
7652 7500 width: var(--text-md);
7653 7501 font-size: var(--text-md);
7654 7502 }
7655 7503
7656 -/* Standardize icon size for field buttons in the builder */
7657 -.field_type_list li.frmbutton .frmsvg {
7658 - width: var(--text-xl);
7659 - font-size: var(--text-xl);
7660 -}
7661 -
7662 7504 .frm_code_list i:before {
7663 7505 font-size: inherit;
7664 7506 }
7665 7507
@@ -7684,18 +7526,8 @@
7684 7526 padding: var(--gap-xs) var(--gap-sm) !important;
7685 7527 color: var(--grey-900) !important;
7686 7528 }
7687 7529
7688 -/* Adjust field button size to full width in builder */
7689 -#frm-insert-fields li a {
7690 - display: flex !important;
7691 -}
7692 -
7693 -/* Prevents advanced fields from always appearing in search results */
7694 -#frm-insert-fields li.frm_show_upgrade.frm_hidden {
7695 - display: none !important;
7696 -}
7697 -
7698 7530 .frmbutton.ui-draggable-dragging a {
7699 7531 border: 1px solid var(--grey-300);
7700 7532 box-shadow: var(--box-shadow-md);
7701 7533 }
@@ -7845,10 +7677,9 @@
7845 7677 }
7846 7678
7847 7679 .frm-views-editor-body .ui-widget-overlay,
7848 7680 .frm-white-body .ui-widget-overlay,
7849 -.toplevel_page_formidable .ui-widget-overlay,
7850 -body[class*=formidable-payments] .ui-widget-overlay {
7681 +.toplevel_page_formidable .ui-widget-overlay {
7851 7682 position: fixed;
7852 7683 width: 100%;
7853 7684 height: 100%;
7854 7685 top: 0;
@@ -8492,21 +8323,8 @@
8492 8323 p.howto {
8493 8324 display: inline-block;
8494 8325 }
8495 8326
8496 - /* Fix: Issue where the admin page content had extra white space to the left on small screens */
8497 - .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container,
8498 - .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container {
8499 - left: 36px;
8500 - }
8501 -
8502 - .frm-admin-footer-links {
8503 - padding-left: 36px;
8504 - }
8505 -
8506 - body.rtl .frm-admin-footer-links {
8507 - padding-right: 36px;
8508 - }
8509 8327 }
8510 8328
8511 8329 @media only screen and (max-width: 850px) {
8512 8330 #frm_bs_dropdown {
@@ -8746,16 +8564,8 @@
8746 8564
8747 8565 #wp-content-media-buttons a.frm_insert_form {
8748 8566 padding: 0 var(--gap-sm);
8749 8567 }
8750 -
8751 - .frm-admin-footer-links {
8752 - padding-left: 0;
8753 - }
8754 -
8755 - body.rtl .frm-admin-footer-links {
8756 - padding-right: 0;
8757 - }
8758 8568 }
8759 8569
8760 8570 @media only screen and (max-width: 700px) {
8761 8571 .frm-white-body,
@@ -8990,9 +8800,9 @@
8990 8800 position: absolute;
8991 8801 top: 0;
8992 8802 right: 0;
8993 8803 width: 366px;
8994 - max-height: 231px;
8804 + height: 231px;
8995 8805 border-radius: 8px;
8996 8806 background: #fff;
8997 8807 box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15);
8998 8808 z-index: 3;
@@ -9010,23 +8820,8 @@
9010 8820 bottom: 50px;
9011 8821 height: 196px;
9012 8822 }
9013 8823
9014 -#frm_field_group_popup > hr {
9015 - margin: 12px 0;
9016 -}
9017 -
9018 -#frm_field_group_popup .frm-cancel-custom-field-group-layout,
9019 -#frm_field_group_popup .frm-save-custom-field-group-layout {
9020 - padding: 4px 18px;
9021 -}
9022 -
9023 -#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover {
9024 - border-color: var(--primary-500) !important;
9025 - color: var(--primary-500);
9026 - background-color: transparent !important;
9027 -}
9028 -
9029 8824 .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group {
9030 8825 display: none;
9031 8826 }
9032 8827
@@ -9041,9 +8836,9 @@
9041 8836 font-size: 11px;
9042 8837 line-height: 15px;
9043 8838 text-transform: uppercase;
9044 8839 color: rgba(40, 47, 54, 0.45);
9045 - margin-bottom: 27px;
8840 + margin-bottom: 40px;
9046 8841 }
9047 8842
9048 8843 .frm-row-layout-option {
9049 8844 background: #F6F7FB;
@@ -9048,9 +8843,9 @@
9048 8843 .frm-row-layout-option {
9049 8844 background: #F6F7FB;
9050 8845 box-sizing: border-box;
9051 8846 border-radius: 2px;
9052 - padding: 15px 10px;
8847 + padding: 18px 11px;
9053 8848 }
9054 8849
9055 8850 #frm_field_group_popup .frm-row-layout-option .frm_grid_container {
9056 8851 grid-gap: 0 5%;
@@ -9058,23 +8853,22 @@
9058 8853 }
9059 8854
9060 8855 #frm_field_group_popup .frm-row-layout-option {
9061 8856 cursor: pointer;
9062 - border: 2px solid transparent;
9063 8857 }
9064 8858
9065 8859 #frm_field_group_popup .frm-row-layout-option.frm-active-row-layout,
9066 8860 #frm_field_group_popup .frm-row-layout-option:hover {
9067 - border-color: var(--primary-500);
8861 + outline: 1px solid var(--primary-500);
9068 8862 }
9069 8863
9070 8864 .frm-custom-field-group-layout,
9071 8865 .frm-break-field-group {
9072 - padding: 4px 24px;
8866 + padding: 5px 15px;
9073 8867 cursor: pointer;
9074 8868 font-size: var(--text-sm);
9075 8869 line-height: 19px;
9076 - color: rgba(72, 78, 84, 1);
8870 + color: rgba(40, 47, 54, 0.85);
9077 8871 }
9078 8872
9079 8873 .frm-custom-field-group-layout:hover,
9080 8874 .frm-break-field-group:hover {
@@ -9119,13 +8913,12 @@
9119 8913 }
9120 8914
9121 8915 .frm-builder-popup-heading {
9122 8916 font-weight: 600;
9123 - font-size: 11px;
8917 + font-size: 12px;
9124 8918 line-height: 15px;
9125 8919 text-transform: uppercase;
9126 8920 color: rgba(40, 47, 54, 0.45);
9127 - margin-bottom: 7px;
9128 8921 }
9129 8922
9130 8923 .frm-builder-popup-subheading {
9131 8924 font-size: 12px;
@@ -9132,17 +8925,8 @@
9132 8925 line-height: 16px;
9133 8926 color: rgba(40, 47, 54, 0.45);
9134 8927 }
9135 8928
9136 -#frm_field_group_popup input[type="text"] {
9137 - height: 30px;
9138 - border-radius: 3px;
9139 - font-size: 14px;
9140 - padding: 8px;
9141 - color: rgba(84, 95, 110, 1);
9142 - border-color: rgba(40, 47, 54, 0.2);
9143 -}
9144 -
9145 8929 .frm-multiselect-popup-separator {
9146 8930 height: 36px;
9147 8931 width: 1px;
9148 8932 position: relative;
@@ -9234,28 +9018,8 @@
9234 9018 width: 30%;
9235 9019 text-align: center;
9236 9020 }
9237 9021
9238 -#frm_leave_email_wrapper {
9239 - position: relative;
9240 - margin: 0 auto;
9241 -}
9242 -
9243 -#frm_new_form_modal #frm_leave_email_wrapper {
9244 - width: 600px;
9245 -}
9246 -
9247 -#frm_leave_email_wrapper .frmsvg {
9248 - top: 0;
9249 -}
9250 -
9251 -#frm_leave_email_error {
9252 - position: absolute;
9253 - right: 71px;
9254 - top: 7px;
9255 - color: #973937;
9256 -}
9257 -
9258 9022 .frm-ready-made-solution h3 ~ a {
9259 9023 color: var(--primary-500);
9260 9024 }
9261 9025
@@ -9298,5 +9062,5 @@
9298 9062 #form_settings_page .frm_on_submit_type label:hover,
9299 9063 .frm_on_submit_type input[type="radio"]:checked + label svg {
9300 9064 color: var(--primary-color);
9301 9065 }
9302 -/* End On Submit action */
9066 +/* End On Submit action */