| @@ -380,8 +380,14 @@ | ||
| 380 | 380 | #frm_edit_box_content_modal #frm_modal_box_select_area { |
| 381 | 381 | height: calc(100vh - 176px) !important; |
| 382 | 382 | } |
| 383 | 383 | |
| 384 | +#frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper, | |
| 385 | +#frm_edit_box_content_modal.frm-modal .postbox .frm_modal_top { | |
| 386 | + padding: var(--gap-md); | |
| 387 | + padding-right: 0; | |
| 388 | +} | |
| 389 | + | |
| 384 | 390 | #frm_edit_box_content_modal #wp-content-editor-tools { |
| 385 | 391 | padding-top: 0; |
| 386 | 392 | } |
| 387 | 393 | |
| @@ -601,8 +607,9 @@ | ||
| 601 | 607 | } |
| 602 | 608 | |
| 603 | 609 | #frm-publishing { |
| 604 | 610 | min-width: 225px; |
| 611 | + max-width: 325px; | |
| 605 | 612 | align-self: center; |
| 606 | 613 | align-items: center; |
| 607 | 614 | display: flex; |
| 608 | 615 | flex-direction: row-reverse; |
| @@ -665,12 +672,8 @@ | ||
| 665 | 672 | left: 0; |
| 666 | 673 | right: 0; |
| 667 | 674 | } |
| 668 | 675 | |
| 669 | -.frm-admin-page-translate .frm_wrap .frm_page_container, .frm-admin-page-update_translations .frm_wrap .frm_page_container { | |
| 670 | - position: static; | |
| 671 | -} | |
| 672 | - | |
| 673 | 676 | .auto-fold.frm-admin-page-styles .frm_page_container, |
| 674 | 677 | .auto-fold .frm_wrap .frm_page_container { |
| 675 | 678 | left: 160px; |
| 676 | 679 | } |
| @@ -1511,25 +1514,8 @@ | ||
| 1511 | 1514 | .frm-w-full { |
| 1512 | 1515 | width: 100% !important; |
| 1513 | 1516 | } |
| 1514 | 1517 | |
| 1515 | -.frm-flex-box { | |
| 1516 | - display: flex; | |
| 1517 | - gap: var(--gap-sm); | |
| 1518 | -} | |
| 1519 | - | |
| 1520 | -.frm-gap-xs { | |
| 1521 | - gap: var(--gap-xs); | |
| 1522 | -} | |
| 1523 | - | |
| 1524 | -.frm-gap-sm { | |
| 1525 | - gap: var(--gap-sm); | |
| 1526 | -} | |
| 1527 | - | |
| 1528 | -.frm-gap-md { | |
| 1529 | - gap: var(--gap-md); | |
| 1530 | -} | |
| 1531 | - | |
| 1532 | 1518 | .frm-justify-between { |
| 1533 | 1519 | justify-content: space-between; |
| 1534 | 1520 | } |
| 1535 | 1521 | |
| @@ -1890,43 +1876,8 @@ | ||
| 1890 | 1876 | font-weight: bold; |
| 1891 | 1877 | margin-bottom:4px; |
| 1892 | 1878 | } |
| 1893 | 1879 | |
| 1894 | -/* Warning message dismiss */ | |
| 1895 | -.frm_warning_style { | |
| 1896 | - position: relative; | |
| 1897 | - padding-right: calc(var(--gap-md) + 15px); | |
| 1898 | -} | |
| 1899 | - | |
| 1900 | -body.rtl .frm_warning_style { | |
| 1901 | - padding-right: var(--gap-md); | |
| 1902 | - padding-left: calc(var(--gap-md) + 15px); | |
| 1903 | -} | |
| 1904 | - | |
| 1905 | -.frm-warning-dismiss { | |
| 1906 | - position: absolute; | |
| 1907 | - top: 10px; | |
| 1908 | - right: 10px; | |
| 1909 | - display: flex; | |
| 1910 | - cursor: pointer; | |
| 1911 | - transition: opacity 0.2s ease-out; | |
| 1912 | -} | |
| 1913 | - | |
| 1914 | -body.rtl .frm-warning-dismiss { | |
| 1915 | - left: 10px; | |
| 1916 | - right: auto; | |
| 1917 | -} | |
| 1918 | - | |
| 1919 | -.frm-warning-dismiss:hover { | |
| 1920 | - opacity: 0.8; | |
| 1921 | -} | |
| 1922 | - | |
| 1923 | -.frm-warning-dismiss.frmsvg, | |
| 1924 | -.frm-warning-dismiss.frmsvg svg { | |
| 1925 | - width: 15px; | |
| 1926 | - height: 15px; | |
| 1927 | -} | |
| 1928 | - | |
| 1929 | 1880 | .frm_note_style { |
| 1930 | 1881 | background: rgba(188, 224, 253, 0.23); |
| 1931 | 1882 | color: var(--grey-700); |
| 1932 | 1883 | } |
| @@ -2783,14 +2734,14 @@ | ||
| 2783 | 2734 | margin-left: auto; |
| 2784 | 2735 | transform: rotate(-90deg); |
| 2785 | 2736 | } |
| 2786 | 2737 | |
| 2787 | -#frm_embed_modal .frm_modal_footer { | |
| 2738 | +#frm_embed_modal .frm-modal-cancel { | |
| 2788 | 2739 | display: none; |
| 2789 | 2740 | } |
| 2790 | 2741 | |
| 2791 | -#frm_embed_modal.frm-on-page-2 .frm_modal_footer { | |
| 2792 | - display: block; | |
| 2742 | +#frm_embed_modal.frm-on-page-2 .frm-modal-cancel { | |
| 2743 | + display: inline; | |
| 2793 | 2744 | } |
| 2794 | 2745 | |
| 2795 | 2746 | .frm-embed-modal-content ul { |
| 2796 | 2747 | max-height: 300px; |
| @@ -4612,86 +4563,8 @@ | ||
| 4612 | 4563 | .frm_submit_logic_rows .frm_grid_container > p.frm_form_field { |
| 4613 | 4564 | margin: 0; |
| 4614 | 4565 | } |
| 4615 | 4566 | |
| 4616 | -/* Color picker CSS */ | |
| 4617 | -.frm-right-panel .wp-picker-open + .wp-picker-input-wrap { | |
| 4618 | - position: absolute; | |
| 4619 | - margin-left: calc( ( 100% - 35px ) * -1 ); | |
| 4620 | - margin-top: 1px; | |
| 4621 | - width: calc( 100% - 36px ); | |
| 4622 | -} | |
| 4623 | - | |
| 4624 | -.frm-right-panel .wp-picker-container input[type="text"].wp-color-picker { | |
| 4625 | - border: none; | |
| 4626 | - padding: 5px 8px; | |
| 4627 | - font-family: inherit; | |
| 4628 | - color: var(--grey-700); | |
| 4629 | - font-size: var(--text-md); | |
| 4630 | - width: 100%; | |
| 4631 | - line-height: var(--leading); | |
| 4632 | -} | |
| 4633 | - | |
| 4634 | -.frm-right-panel .wp-picker-input-wrap .wp-picker-clear { | |
| 4635 | - display: none !important; | |
| 4636 | -} | |
| 4637 | - | |
| 4638 | -.frm-right-panel .wp-picker-holder { | |
| 4639 | - position: absolute; | |
| 4640 | - z-index: 999; | |
| 4641 | -} | |
| 4642 | - | |
| 4643 | -.frm-right-panel .wp-picker-input-wrap label { | |
| 4644 | - margin-bottom: 0; | |
| 4645 | -} | |
| 4646 | - | |
| 4647 | -.frm-right-panel .wp-picker-container .wp-color-result.button { | |
| 4648 | - width: 100%; | |
| 4649 | - overflow: hidden; | |
| 4650 | - margin: 0 !important; | |
| 4651 | - height: var(--h-md) !important; | |
| 4652 | - padding: 0 0 0 var(--gap-lg) !important; | |
| 4653 | - border-radius: var(--small-radius); | |
| 4654 | - border-color: var(--grey-300); | |
| 4655 | -} | |
| 4656 | - | |
| 4657 | -.frm-right-panel .wp-color-result-text { | |
| 4658 | - line-height: var(--leading) !important; | |
| 4659 | - font-size: var(--text-md); | |
| 4660 | - background: #fff !important; | |
| 4661 | - color: var(--grey-900); | |
| 4662 | - padding: 5px 8px; | |
| 4663 | - border-color: var(--grey-300); | |
| 4664 | - text-align: left; | |
| 4665 | -} | |
| 4666 | - | |
| 4667 | -.frm-right-panel .color-alpha { | |
| 4668 | - width: var(--gap-lg) !important; | |
| 4669 | -} | |
| 4670 | - | |
| 4671 | -.frm_grid_container .wp-picker-container { | |
| 4672 | - width: 100%; | |
| 4673 | - position: relative; | |
| 4674 | -} | |
| 4675 | - | |
| 4676 | -.wp-picker-container button.wp-color-result { | |
| 4677 | - border: 1px solid var(--grey-300) !important; | |
| 4678 | -} | |
| 4679 | - | |
| 4680 | -.wp-picker-container .wp-picker-input-wrap input.hex.wp-color-picker { | |
| 4681 | - max-width: 100%; | |
| 4682 | - position: relative; | |
| 4683 | -} | |
| 4684 | - | |
| 4685 | -.frm_end .wp-picker-holder { | |
| 4686 | - margin-left: -145px; | |
| 4687 | -} | |
| 4688 | - | |
| 4689 | -.frm_end.frm6 .wp-picker-holder { | |
| 4690 | - margin-left: -86px; | |
| 4691 | -} | |
| 4692 | -/* End of color picker CSS */ | |
| 4693 | - | |
| 4694 | 4567 | /* |
| 4695 | 4568 | These are the styles for the "Enable Formidable styling" toggle in the visual styler. |
| 4696 | 4569 | To use this element, you can call the FrmHtmlHelper::toggle function. |
| 4697 | 4570 | */ |
| @@ -5996,8 +5869,12 @@ | ||
| 5996 | 5869 | width: 20%; |
| 5997 | 5870 | min-width: 175px; |
| 5998 | 5871 | } |
| 5999 | 5872 | |
| 5873 | +#form_reports_page h2 { | |
| 5874 | + margin-top: 2em !important; | |
| 5875 | +} | |
| 5876 | + | |
| 6000 | 5877 | /* Views Page */ |
| 6001 | 5878 | #form_views_page img.frm_no_views { |
| 6002 | 5879 | max-width: 100%; |
| 6003 | 5880 | } |
| @@ -6274,10 +6151,10 @@ | ||
| 6274 | 6151 | } |
| 6275 | 6152 | |
| 6276 | 6153 | .frm-page-collapsed .frm_clone_icon, |
| 6277 | 6154 | .frm-page-collapsed .frm_delete_field, |
| 6278 | -.frm-page-collapsed .frm_clone_field, | |
| 6279 | -.frm-section-collapsed .frm_clone_icon { | |
| 6155 | +.frm-section-collapsed .frm_clone_icon, | |
| 6156 | +.frm-section-collapsed .frm_delete_field { | |
| 6280 | 6157 | opacity: .5; |
| 6281 | 6158 | cursor: not-allowed; |
| 6282 | 6159 | } |
| 6283 | 6160 | |
| @@ -6356,16 +6233,17 @@ | ||
| 6356 | 6233 | .frm-first-page .frm_prev_page { |
| 6357 | 6234 | display: none; |
| 6358 | 6235 | } |
| 6359 | 6236 | |
| 6360 | -#frm_builder_page .frm_remove_form_row.frm_button, | |
| 6361 | -#frm_builder_page .frm_add_form_row.frm_button { | |
| 6237 | +.frm_wrap .frm_remove_form_row.frm_button, | |
| 6238 | +.frm_wrap .frm_add_form_row.frm_button { | |
| 6362 | 6239 | border-radius: var(--small-radius); |
| 6363 | 6240 | border: 1px solid var(--blue-border); |
| 6241 | + color: var(--primary-500); | |
| 6364 | 6242 | } |
| 6365 | 6243 | |
| 6366 | -#frm_builder_page .frm_remove_form_row .frmsvg, | |
| 6367 | -#frm_builder_page .frm_remove_form_row i:before, | |
| 6244 | +.frm_wrap .frm_remove_form_row .frmsvg, | |
| 6245 | +.frm_remove_form_row i:before, | |
| 6368 | 6246 | .frm_wrap .frm_add_form_row .frmsvg, |
| 6369 | 6247 | .frm_add_form_row i:before { |
| 6370 | 6248 | color: var(--primary-700); |
| 6371 | 6249 | } |
| @@ -6953,11 +6831,10 @@ | ||
| 6953 | 6831 | cursor: pointer; |
| 6954 | 6832 | z-index: 1; |
| 6955 | 6833 | opacity: 1; |
| 6956 | 6834 | top: auto; |
| 6957 | - margin: calc( ( 36px - 18px ) / 2 ); /* input height - svg / 2 */ | |
| 6958 | - margin-bottom: 0; | |
| 6959 | - padding: 0; | |
| 6835 | + padding: calc( ( 36px - 18px ) / 2 ); /* input height - svg / 2 */ | |
| 6836 | + padding-bottom: 0; | |
| 6960 | 6837 | } |
| 6961 | 6838 | |
| 6962 | 6839 | .frm-open .frmsvg.frm-show-inline-modal, |
| 6963 | 6840 | .frm-open i.frm-show-inline-modal { |
| @@ -7330,9 +7207,8 @@ | ||
| 7330 | 7207 | .frm-select-list-item, |
| 7331 | 7208 | .frm_wrap .ui-autocomplete li > div, |
| 7332 | 7209 | .multiselect-container button.multiselect-option, |
| 7333 | 7210 | .frm-dropdown-menu > .dropdown-item > a, |
| 7334 | -.frm-dropdown-menu > .dropdown-item > a:visited, | |
| 7335 | 7211 | .frm-dropdown-menu > .dropdown-item > a:link, /* Override jQuery UI */ |
| 7336 | 7212 | .frm-dropdown-menu .frm_dropdown_li, |
| 7337 | 7213 | .frm_code_list.frm-full-hover a { |
| 7338 | 7214 | display: flex; |
| @@ -7976,9 +7852,8 @@ | ||
| 7976 | 7852 | .frm_wrap input[type="tel"], |
| 7977 | 7853 | .frm_wrap input[type="text"], |
| 7978 | 7854 | .frm_wrap input[type=search], |
| 7979 | 7855 | .frm_wrap input[type="number"], |
| 7980 | -.frm_wrap input[type="date"], | |
| 7981 | 7856 | .frm_wrap select, |
| 7982 | 7857 | .wp-admin .frm_wrap select, |
| 7983 | 7858 | .field-group textarea, |
| 7984 | 7859 | .field-group input[type="text"], |
| @@ -7994,12 +7869,8 @@ | ||
| 7994 | 7869 | background-color: #fff; |
| 7995 | 7870 | line-height: var(--leading); |
| 7996 | 7871 | } |
| 7997 | 7872 | |
| 7998 | -.frm_wrap ::-webkit-datetime-edit { | |
| 7999 | - line-height: var(--leading); | |
| 8000 | -} | |
| 8001 | - | |
| 8002 | 7873 | .frm-white-body textarea:focus, |
| 8003 | 7874 | .frm-white-body input:focus, |
| 8004 | 7875 | .frm-white-body select:focus, |
| 8005 | 7876 | .frm_wrap input:focus, |
| @@ -8067,17 +7938,12 @@ | ||
| 8067 | 7938 | |
| 8068 | 7939 | .frm-white-body .tablenav select, |
| 8069 | 7940 | .frm-white-body .tablenav input[type="text"], |
| 8070 | 7941 | .wp-admin .frm_wrap .tablenav select, |
| 8071 | -.frm_wrap .tablenav input[type="date"], | |
| 8072 | 7942 | .frm_wrap .tablenav input[type="text"] { |
| 8073 | 7943 | padding-top: 0; |
| 8074 | 7944 | padding-bottom: 0; |
| 8075 | 7945 | line-height: 1; |
| 8076 | -} | |
| 8077 | - | |
| 8078 | -.frm_wrap .tablenav ::-webkit-datetime-edit { | |
| 8079 | - line-height: 1; | |
| 8080 | 7946 | } |
| 8081 | 7947 | |
| 8082 | 7948 | .frm-fields button.btn, |
| 8083 | 7949 | .frm-fields textarea, |
