| @@ -162,12 +162,13 @@ | ||
| 162 | 162 | cursor: pointer; |
| 163 | 163 | font-weight: 400; |
| 164 | 164 | |
| 165 | 165 | /* |
| 166 | - When a background image is set the children in the fieldset have a z-index of 1.\ | |
| 167 | - Set to 2 so the floating buttons get priority when clicking if they overlap a form element. | |
| 166 | + When a background image is set the children in the fieldset have a z-index of 1. | |
| 167 | + The Ranking Field contains elements with a higher z-index of 2. | |
| 168 | + Set to 3 so the floating buttons get priority when clicking if they overlap a form element. | |
| 168 | 169 | */ |
| 169 | - z-index: 2; | |
| 170 | + z-index: 3; | |
| 170 | 171 | } |
| 171 | 172 | |
| 172 | 173 | #frm_style_preview .frm_floating_style_button.frm_hidden { |
| 173 | 174 | display: none; |
| @@ -246,9 +247,9 @@ | ||
| 246 | 247 | #frm_style_preview select { |
| 247 | 248 | appearance: none; /* Hide the default icon */ |
| 248 | 249 | } |
| 249 | 250 | |
| 250 | -#frm_style_preview select:not(.ui-datepicker-month):not(.ui-datepicker-year) { | |
| 251 | +#frm_style_preview select:not(.ui-datepicker-month):not(.ui-datepicker-year):not(.frm-ranking-position) { | |
| 251 | 252 | /* |
| 252 | 253 | The styler preview doesn't use .wp-core-ui which results in a funny looking dropdown arrow. |
| 253 | 254 | Restore the WordPress background image defined in /wp-admin/css/forms.css for preview selects so they appear nicer and more consistent with other dropdowns. |
| 254 | 255 | The SVG is arrow-down-alt2 from Dashicons. |
| @@ -253,9 +254,11 @@ | ||
| 253 | 254 | Restore the WordPress background image defined in /wp-admin/css/forms.css for preview selects so they appear nicer and more consistent with other dropdowns. |
| 254 | 255 | The SVG is arrow-down-alt2 from Dashicons. |
| 255 | 256 | This needs to be important because of a background-image: none !important rule that gets applied in front end CSS. |
| 256 | 257 | */ |
| 257 | - background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55% !important; | |
| 258 | + background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') !important; | |
| 259 | + background-repeat: no-repeat !important; | |
| 260 | + background-position: right 5px top 55% !important; | |
| 258 | 261 | |
| 259 | 262 | padding-right: 24px; /* Add enough padding for the icon. */ |
| 260 | 263 | } |
| 261 | 264 | |
| @@ -274,9 +277,9 @@ | ||
| 274 | 277 | Avoid a conflict with the .frm_form_field > label:first-child rule in frm_admin.css |
| 275 | 278 | The label in the preview should use the label color setting. |
| 276 | 279 | */ |
| 277 | 280 | #frm_style_preview .frm_form_field > label:first-child { |
| 278 | - color: var(--label-color); | |
| 281 | + color: var(--label-color); | |
| 279 | 282 | font-size: var(--font-size); |
| 280 | 283 | } |
| 281 | 284 | |
| 282 | 285 | .frm-color-blocks { |
| @@ -420,8 +423,24 @@ | ||
| 420 | 423 | .frm-styles-globally-disabled .frm_on_label, |
| 421 | 424 | .frm-styles-globally-disabled ~ #frm_style_preview #frm_edit_style { |
| 422 | 425 | pointer-events: none; |
| 423 | 426 | opacity: 0.5; |
| 427 | +} | |
| 428 | + | |
| 429 | +.formidable_page_formidable-styles .frm-right-panel .accordion-section-title:before, | |
| 430 | +.formidable_page_formidable-styles .frm-right-panel .accordion-section-title:after { | |
| 431 | + content: '' !important; | |
| 432 | +} | |
| 433 | +.formidable_page_formidable-styles .frm-right-panel .open .accordion-section-title > .frmsvg:last-child { | |
| 434 | + transform: rotate(180deg); | |
| 435 | +} | |
| 436 | +.formidable_page_formidable-styles .frm-right-panel .accordion-section-title > .frmsvg:last-child { | |
| 437 | + position: absolute; | |
| 438 | + top: 0; | |
| 439 | + bottom: 0; | |
| 440 | + right: 0; | |
| 441 | + margin: auto; | |
| 442 | + color: var(--grey); | |
| 424 | 443 | } |
| 425 | 444 | |
| 426 | 445 | @media only screen and (max-width: 782px) { |
| 427 | 446 | #frm_style_preview .with_frm_style .frm_radio input[type=radio], |
