| @@ -73,18 +73,28 @@ | ||
| 73 | 73 | box-sizing: border-box; |
| 74 | 74 | border-left: 1px solid #555; |
| 75 | 75 | padding: 0; |
| 76 | 76 | } |
| 77 | +.wpbc_ui_el__make_space { | |
| 78 | + flex: 1; | |
| 79 | +} | |
| 77 | 80 | /* Top messages */ |
| 78 | 81 | .wpbc_admin .wpbc_page div.wpbc_inner_message { |
| 79 | 82 | position: fixed; |
| 80 | 83 | top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + 3px); |
| 81 | 84 | right: 65px; |
| 85 | + top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + 55px); | |
| 86 | + right: 10px; | |
| 82 | 87 | padding: 10px 12px; |
| 83 | 88 | word-break: break-all; |
| 84 | 89 | max-width: 50%; |
| 85 | 90 | z-index: 90001; |
| 86 | 91 | } |
| 92 | +/* Shift down meessages in full screen on WP Booking Calendar > Settings > Booking Form > Booking Form Fields page */ | |
| 93 | +.wpbc_admin_full_screen .wpbc_admin .wpbc_page div.wpbc_inner_message { | |
| 94 | + top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + 55px); | |
| 95 | + right: 5px; | |
| 96 | +} | |
| 87 | 97 | .wpbc_svg_icon_class { |
| 88 | 98 | display: inline-block; |
| 89 | 99 | background-position: 0 1px; |
| 90 | 100 | background-repeat: no-repeat; |
| @@ -135,9 +145,9 @@ | ||
| 135 | 145 | |
| 136 | 146 | /* == Forms Input Focus ============================================================================================= */ |
| 137 | 147 | .wpbc_page { |
| 138 | 148 | --wpbc_form-field-border-size: 1px; |
| 139 | - --wpbc_form-button-background-color: #066aab; | |
| 149 | + --wpbc_form-button-background-color: var(--wpbc_admin-theme-color, #066aab ); | |
| 140 | 150 | --wpbc_form-field-text-color: rgba(0, 0, 0, 0.7); |
| 141 | 151 | } |
| 142 | 152 | .wp-core-ui .wpbc_page input[type=date]:focus, |
| 143 | 153 | .wp-core-ui .wpbc_page input[type=datetime-local]:focus, |
| @@ -155,12 +165,15 @@ | ||
| 155 | 165 | .wp-core-ui .wpbc_page input[type=week]:focus, |
| 156 | 166 | .wp-core-ui .wpbc_page select:focus, |
| 157 | 167 | .wp-core-ui .wpbc_page textarea:focus, |
| 158 | 168 | .wp-core-ui .wpbc_page input[type=checkbox]:focus, |
| 159 | -.wp-core-ui .wpbc_page input[type=radio]:focus{ | |
| 160 | - border-width: var(--wpbc_form-field-border-size); | |
| 161 | - border-style: solid; | |
| 162 | - border-color: var(--wpbc_form-button-background-color); | |
| 163 | - box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15); | |
| 164 | - outline: 0 | |
| 169 | +.wp-core-ui .wpbc_page input[type=radio]:focus { | |
| 170 | + outline: 0; | |
| 171 | + border-width: var(--wpbc_form-field-border-size); | |
| 172 | + border-style: solid; | |
| 173 | + border-color: var(--wpbc_form-button-background-color); | |
| 174 | + box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color), 0 1px 2px rgba(0, 0, 0, .15); | |
| 165 | 175 | } |
| 166 | - | |
| 176 | +/* Exception for range slider, to have smaller highlight color */ | |
| 177 | +.wp-core-ui .wpbc_page input[type=range]:focus { | |
| 178 | + box-shadow: 0 0 0 1px var(--wpbc_form-button-background-color), 0 1px 2px rgba(0, 0, 0, .15); | |
| 179 | +} | |
