| @@ -113,9 +113,8 @@ | ||
| 113 | 113 | /*! == Full Screen Setup == !*/ |
| 114 | 114 | /*! ------------------------------------------------------------------------------------------------------------------ !*/ |
| 115 | 115 | .wpbc_admin_full_screen { |
| 116 | 116 | background: #f6f7f7; |
| 117 | - color: #50575e; | |
| 118 | 117 | font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif |
| 119 | 118 | } |
| 120 | 119 | .wpbc_admin_full_screen #wpwrap { |
| 121 | 120 | top: 0 |
| @@ -120,9 +119,9 @@ | ||
| 120 | 119 | .wpbc_admin_full_screen #wpwrap { |
| 121 | 120 | top: 0 |
| 122 | 121 | } |
| 123 | 122 | .wpbc_admin_full_screen #wpbody-content { |
| 124 | - min-height: 100vh!important; | |
| 123 | + min-height: calc(100vh - var(--wpbc_ui_top_nav__height,48px))!important; | |
| 125 | 124 | padding: 0!important |
| 126 | 125 | } |
| 127 | 126 | .wpbc_admin_full_screen #adminmenumain, |
| 128 | 127 | .wpbc_admin_full_screen #wpcontent > *, |
| @@ -538,9 +537,9 @@ | ||
| 538 | 537 | .wp-core-ui .wpbc_page .wpbc_ui_settings__flex_container input.wpbc_button_light:focus, |
| 539 | 538 | .wp-core-ui .wpbc_page .wpbc_ui_settings__flex_container input.wpbc_button_light:hover { |
| 540 | 539 | font-size: 1.18em; |
| 541 | 540 | font-weight: 600; |
| 542 | - border: 2px solid rgba(238,238,238,.7098039216); | |
| 541 | + border: 2px solid rgba(202,202,202,.7098039216); | |
| 543 | 542 | box-shadow: 0 2px 10px 2px rgba(255,255,255,.3294117647); |
| 544 | 543 | background: #fdfdfd; |
| 545 | 544 | color: rgba(68,68,68,.8784313725); |
| 546 | 545 | border-radius: .375em; |
| @@ -584,9 +583,9 @@ | ||
| 584 | 583 | .wp-core-ui .wpbc_page .wpbc_ui_settings__flex_container .wpbc_button_light:disabled, |
| 585 | 584 | .wp-core-ui .wpbc_page .wpbc_ui_settings__flex_container .wpbc_button_light:disabled:focus, |
| 586 | 585 | .wp-core-ui .wpbc_page .wpbc_ui_settings__flex_container .wpbc_button_light:disabled:hover { |
| 587 | 586 | color: #ccc; |
| 588 | - border: 2px solid rgba(238,238,238,.7098039216); | |
| 587 | + border: 2px solid rgba(202,202,202,.7098039216); | |
| 589 | 588 | cursor: not-allowed |
| 590 | 589 | } |
| 591 | 590 | .wp-core-ui .wpbc_page .wpbc_ui_settings__flex_container .wpbc_button_light.wpbc_button_danger { |
| 592 | 591 | background: #de605c; |
| @@ -666,11 +665,10 @@ | ||
| 666 | 665 | --wpbc_ui_top_nav__a_hover_border_width: 3px; |
| 667 | 666 | --wpbc_ui_top_nav__a_hover_border_color: var(--wpbc_ui__gen__hover-color); |
| 668 | 667 | --wpbc_ui_top_nav__wp_left_menu_width: 160px; |
| 669 | 668 | --wpbc_ui_top_nav__wp_top_menu_height: 32px; |
| 670 | - --wpbc_ui_left_vert_nav__width_min: 0; | |
| 671 | - --wpbc_ui_left_vert_nav__width_compact: 48px; | |
| 672 | - --wpbc_ui_left_vert_nav__width_compact: 90px; | |
| 669 | + --wpbc_ui_left_vert_nav__width_min: 10px; | |
| 670 | + --wpbc_ui_left_vert_nav__width_compact: 80px; | |
| 673 | 671 | --wpbc_ui_left_vert_nav__width_max: 250px; |
| 674 | 672 | --wpbc_ui_left_vert_nav__margin: 0; |
| 675 | 673 | --wpbc_ui_left_vert_nav__background-color: var(--wpbc_ui__gen__panel_background-color); |
| 676 | 674 | --wpbc_ui_left_vert_nav__font-size: var(--wpbc_ui__gen__font-size); |
| @@ -678,9 +676,9 @@ | ||
| 678 | 676 | --wpbc_ui_left_vert_nav__active_color: var(--wpbc_ui__gen__active-text-color); |
| 679 | 677 | --wpbc_ui_left_vert_nav__active_background-color: var(--wpbc_ui__gen__active-background-color); |
| 680 | 678 | --wpbc_ui_left_vert_nav__hover_background-color: #4651601c; |
| 681 | 679 | --wpbc_ui_vert_left_bar__footer_height: 55px; |
| 682 | - --wpbc_ui_horis_top_nav__font-size: 16px; | |
| 680 | + --wpbc_ui_horis_top_nav__font-size: 13px; | |
| 683 | 681 | --wpbc_ui_horis_top_nav__margin: 10px 0 20px; |
| 684 | 682 | --wpbc_ui_horis_top_nav__background-color: transparent; |
| 685 | 683 | --wpbc_ui_horis_top_nav__a_color: var(--wpbc_ui__gen__text-color); |
| 686 | 684 | --wpbc_ui_horis_top_nav__border-width: 2px; |
| @@ -1068,9 +1066,10 @@ | ||
| 1068 | 1066 | } |
| 1069 | 1067 | .wpbc_admin .wpbc_page div.wpbc_inner_message { |
| 1070 | 1068 | position: fixed; |
| 1071 | 1069 | top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + 3px); |
| 1072 | - right: 65px; | |
| 1070 | + top: calc(var(--wpbc_ui_top_nav__wp_top_menu_height) + 55px); | |
| 1071 | + right: 10px; | |
| 1073 | 1072 | padding: 10px 12px; |
| 1074 | 1073 | word-break: break-all; |
| 1075 | 1074 | max-width: 50%; |
| 1076 | 1075 | z-index: 90001 |
| @@ -1152,14 +1151,17 @@ | ||
| 1152 | 1151 | .wp-core-ui .wpbc_page input[type=url]:focus, |
| 1153 | 1152 | .wp-core-ui .wpbc_page input[type=week]:focus, |
| 1154 | 1153 | .wp-core-ui .wpbc_page select:focus, |
| 1155 | 1154 | .wp-core-ui .wpbc_page textarea:focus { |
| 1155 | + outline: 0; | |
| 1156 | 1156 | border-width: var(--wpbc_form-field-border-size); |
| 1157 | 1157 | border-style: solid; |
| 1158 | 1158 | border-color: var(--wpbc_form-button-background-color); |
| 1159 | - box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15); | |
| 1160 | - outline: 0 | |
| 1159 | + box-shadow: 0 0 0 1.2px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15) | |
| 1161 | 1160 | } |
| 1161 | +.wp-core-ui .wpbc_page input[type=range]:focus { | |
| 1162 | + box-shadow: 0 0 0 1px var(--wpbc_form-button-background-color),0 1px 2px rgba(0,0,0,.15) | |
| 1163 | +} | |
| 1162 | 1164 | .chzn-container * { |
| 1163 | 1165 | box-sizing: border-box |
| 1164 | 1166 | } |
| 1165 | 1167 | .chzn-container .chzn-drop { |
| @@ -1779,9 +1781,9 @@ | ||
| 1779 | 1781 | min-width: 300px |
| 1780 | 1782 | } |
| 1781 | 1783 | body[class*=page_wpbc] #wpcontent .wpbc_settings_page_content .wrap.wpbc_page { |
| 1782 | 1784 | padding: 0; |
| 1783 | - margin: 2px 20px 2px 25px | |
| 1785 | + margin: 2px 30px | |
| 1784 | 1786 | } |
| 1785 | 1787 | .wpbc_settings_page_content .wpbc_settings_path { |
| 1786 | 1788 | margin: 0 0 5px; |
| 1787 | 1789 | min-width: 300px |
| @@ -1847,10 +1849,10 @@ | ||
| 1847 | 1849 | .wpbc_ui_el__top_nav > div.wpbc_ui_el_container:has(a:hover) { |
| 1848 | 1850 | border-bottom-color: var(--wpbc_ui_top_nav__a_hover_border_color); |
| 1849 | 1851 | color: var(--wpbc_ui_top_nav__a_hover_border_color) |
| 1850 | 1852 | } |
| 1851 | -.wpbc_ui_el__top_nav a:hover *, | |
| 1852 | -.wpbc_ui_el__top_nav div.wpbc_ui_el_container:has(a:hover) { | |
| 1853 | +.wpbc_ui_el__top_nav a:hover:not(.button) *, | |
| 1854 | +.wpbc_ui_el__top_nav div.wpbc_ui_el_container:has(a:hover:not(.button)) { | |
| 1853 | 1855 | color: var(--wpbc_ui_top_nav__a_hover_border_color) |
| 1854 | 1856 | } |
| 1855 | 1857 | .wpbc_ui_el__top_nav a { |
| 1856 | 1858 | color: var(--wpbc_ui_top_nav__a_color); |
| @@ -2056,8 +2058,26 @@ | ||
| 2056 | 2058 | max-width: calc(100% - 25px); |
| 2057 | 2059 | -ms-flex: 1 1 100%; |
| 2058 | 2060 | flex: 1 1 100% |
| 2059 | 2061 | } |
| 2062 | + .wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper { | |
| 2063 | + -ms-flex: 0 0 40px; | |
| 2064 | + flex: 0 0 40px; | |
| 2065 | + min-width: 40px; | |
| 2066 | + width: 40px; | |
| 2067 | + max-width: 40px; | |
| 2068 | + overflow: hidden | |
| 2069 | + } | |
| 2070 | + .wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item .wpbc_ui_el__vert_nav_icon { | |
| 2071 | + display: none | |
| 2072 | + } | |
| 2073 | + .wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item { | |
| 2074 | + -ms-writing-mode: tb-lr; | |
| 2075 | + writing-mode: vertical-lr | |
| 2076 | + } | |
| 2077 | + .wpbc_settings_page_wrapper.max_right .wpbc_ui_el__vert_right_bar__wrapper.wpbc_ui_el__vert_right_bar_compact__wrapper .wpbc_ui_el__vert_nav_item .wpbc_ui_el__vert_nav_item__a { | |
| 2078 | + padding: 20px | |
| 2079 | + } | |
| 2060 | 2080 | .wpbc_settings_page_wrapper.max .wpbc_settings_page_content .wpbc_page { |
| 2061 | 2081 | display: none |
| 2062 | 2082 | } |
| 2063 | 2083 | .wpbc_settings_page_wrapper.max .wpbc_settings_page_content { |
| @@ -2098,9 +2118,9 @@ | ||
| 2098 | 2118 | border-radius: 3px; |
| 2099 | 2119 | transition: .3s; |
| 2100 | 2120 | box-shadow: 0 5px 10px #dfdfdf; |
| 2101 | 2121 | cursor: pointer; |
| 2102 | - border: 2px solid rgba(238,238,238,.7098039216); | |
| 2122 | + border: 2px solid rgba(202,202,202,.7098039216); | |
| 2103 | 2123 | line-height: 1; |
| 2104 | 2124 | text-decoration: none; |
| 2105 | 2125 | outline: 0 |
| 2106 | 2126 | } |
| @@ -2128,13 +2148,19 @@ | ||
| 2128 | 2148 | -ms-flex-pack: start; |
| 2129 | 2149 | justify-content: flex-start; |
| 2130 | 2150 | -ms-flex-align: center; |
| 2131 | 2151 | align-items: center; |
| 2152 | + gap: 8px; | |
| 2132 | 2153 | font-weight: 500; |
| 2133 | - font-size: 13px; | |
| 2154 | + font-size: 12px; | |
| 2134 | 2155 | letter-spacing: .1px; |
| 2135 | 2156 | cursor: pointer |
| 2136 | 2157 | } |
| 2158 | +.wpbc_ui_el__vert_nav_item a .wpbc-bi-question-circle, | |
| 2159 | +.wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon_collapsed, | |
| 2160 | +.wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon_expanded { | |
| 2161 | + font-size: 10px | |
| 2162 | +} | |
| 2137 | 2163 | .wpbc_ui_el__vert_nav_item button:not(:hover) { |
| 2138 | 2164 | background-color: transparent |
| 2139 | 2165 | } |
| 2140 | 2166 | .wpbc_ui_el__vert_nav_item_sub.wpbc_ui_el__vert_nav_item a, |
| @@ -2178,10 +2204,10 @@ | ||
| 2178 | 2204 | .wpbc_settings_page_wrapper .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon, |
| 2179 | 2205 | .wpbc_settings_page_wrapper .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon { |
| 2180 | 2206 | margin: 0 10px 0 0 |
| 2181 | 2207 | } |
| 2182 | -.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child { | |
| 2183 | - width: 80px; | |
| 2208 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child { | |
| 2209 | + width: 70px; | |
| 2184 | 2210 | display: -ms-flexbox; |
| 2185 | 2211 | display: flex; |
| 2186 | 2212 | -ms-flex-flow: row nowrap; |
| 2187 | 2213 | flex-flow: row nowrap; |
| @@ -2190,13 +2216,43 @@ | ||
| 2190 | 2216 | -ms-flex-align: center; |
| 2191 | 2217 | align-items: center; |
| 2192 | 2218 | padding: 0!important |
| 2193 | 2219 | } |
| 2194 | -.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a { | |
| 2220 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a { | |
| 2221 | + max-height: 30px; | |
| 2222 | + max-width: 30px; | |
| 2223 | + margin: auto; | |
| 2224 | + display: -ms-flexbox; | |
| 2225 | + display: flex; | |
| 2226 | + -ms-flex-flow: column; | |
| 2227 | + flex-flow: column; | |
| 2228 | + -ms-flex-align: center; | |
| 2229 | + align-items: center; | |
| 2230 | + -ms-flex-pack: center; | |
| 2231 | + justify-content: center; | |
| 2232 | + border-radius: 50%; | |
| 2195 | 2233 | -ms-flex: 1 1 100%; |
| 2196 | 2234 | flex: 1 1 100%; |
| 2197 | 2235 | text-align: center |
| 2198 | 2236 | } |
| 2237 | +.wpbc_page_wrapper_left_max .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a { | |
| 2238 | + background: rgba(70,81,96,.1294117647) | |
| 2239 | +} | |
| 2240 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a:hover { | |
| 2241 | + background: rgba(70,81,96,.0666666667) | |
| 2242 | +} | |
| 2243 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child:has(a:hover:not(.button)) * { | |
| 2244 | + color: var(--wpbc_ui_top_nav__a_color) | |
| 2245 | +} | |
| 2246 | +.wpbc_ui_el__top_nav > .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child:has(a:hover) { | |
| 2247 | + border-bottom-color: transparent | |
| 2248 | +} | |
| 2249 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a:focus { | |
| 2250 | + box-shadow: none | |
| 2251 | +} | |
| 2252 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a:focus-visible { | |
| 2253 | + box-shadow: 0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9) | |
| 2254 | +} | |
| 2199 | 2255 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a { |
| 2200 | 2256 | display: -ms-flexbox; |
| 2201 | 2257 | display: flex; |
| 2202 | 2258 | -ms-flex-flow: column nowrap; |
| @@ -2204,12 +2260,13 @@ | ||
| 2204 | 2260 | -ms-flex-pack: center; |
| 2205 | 2261 | justify-content: center; |
| 2206 | 2262 | -ms-flex-align: center; |
| 2207 | 2263 | align-items: center; |
| 2208 | - padding: 10px 5px; | |
| 2264 | + padding: 8px; | |
| 2209 | 2265 | margin: 0; |
| 2210 | 2266 | border-radius: 0; |
| 2211 | - min-height: 40px | |
| 2267 | + min-height: 10px; | |
| 2268 | + gap: 4px | |
| 2212 | 2269 | } |
| 2213 | 2270 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon, |
| 2214 | 2271 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item button .wpbc_ui_el__vert_nav_icon { |
| 2215 | 2272 | margin: 0 |
| @@ -2255,9 +2312,11 @@ | ||
| 2255 | 2312 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__root_section_header_a { |
| 2256 | 2313 | visibility: visible!important; |
| 2257 | 2314 | padding: 0 5px; |
| 2258 | 2315 | display: -ms-flexbox; |
| 2259 | - display: flex | |
| 2316 | + display: flex; | |
| 2317 | + -ms-flex-pack: center; | |
| 2318 | + justify-content: center | |
| 2260 | 2319 | } |
| 2261 | 2320 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__section_header.hide_in_compact_mode { |
| 2262 | 2321 | letter-spacing: 0; |
| 2263 | 2322 | padding: 0 10px 0 0; |
| @@ -2273,12 +2332,13 @@ | ||
| 2273 | 2332 | line-height: 2.2; |
| 2274 | 2333 | margin: 0; |
| 2275 | 2334 | font-size: 10px; |
| 2276 | 2335 | font-weight: 650; |
| 2277 | - letter-spacing: 0 | |
| 2336 | + letter-spacing: 0; | |
| 2337 | + color: #465160!important | |
| 2278 | 2338 | } |
| 2279 | 2339 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns { |
| 2280 | - margin: 10px 0 0 | |
| 2340 | + margin: 8px 0 0 | |
| 2281 | 2341 | } |
| 2282 | 2342 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__level__folder.expanded .wpbc_ui_el__vert_nav_item_sub { |
| 2283 | 2343 | border-left: 2px solid #465160; |
| 2284 | 2344 | margin-left: 5px |
| @@ -2311,14 +2371,14 @@ | ||
| 2311 | 2371 | align-items: stretch; |
| 2312 | 2372 | gap: 0 |
| 2313 | 2373 | } |
| 2314 | 2374 | .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__section { |
| 2315 | - margin-block-end: 9px | |
| 2375 | + margin-block-end: 8px | |
| 2316 | 2376 | } |
| 2317 | 2377 | .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__root_section_element { |
| 2318 | 2378 | padding-inline-start: 8px; |
| 2319 | 2379 | padding-block-start: 8px; |
| 2320 | - padding-block-end: 8px; | |
| 2380 | + padding-block-end: 20px; | |
| 2321 | 2381 | display: -ms-flexbox; |
| 2322 | 2382 | display: flex; |
| 2323 | 2383 | -ms-flex-flow: column nowrap; |
| 2324 | 2384 | flex-flow: column nowrap; |
| @@ -2325,10 +2385,17 @@ | ||
| 2325 | 2385 | -ms-flex-pack: start; |
| 2326 | 2386 | justify-content: flex-start; |
| 2327 | 2387 | -ms-flex-align: stretch; |
| 2328 | 2388 | align-items: stretch; |
| 2329 | - gap: 5px | |
| 2389 | + gap: 1px | |
| 2330 | 2390 | } |
| 2391 | +.wpbc_ui_el__vert_left_bar__root_section_element.root_section_element_wpbc-search-availability { | |
| 2392 | + border-top: 1px solid #e9e9e9; | |
| 2393 | + padding-block-start: 15px | |
| 2394 | +} | |
| 2395 | +.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__root_section_element { | |
| 2396 | + padding-block-end: 40px | |
| 2397 | +} | |
| 2331 | 2398 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_section_element { |
| 2332 | 2399 | padding-inline-start: 0 |
| 2333 | 2400 | } |
| 2334 | 2401 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__root_section_header_a { |
| @@ -2347,9 +2414,14 @@ | ||
| 2347 | 2414 | -ms-flex-flow: row nowrap; |
| 2348 | 2415 | flex-flow: row nowrap; |
| 2349 | 2416 | -ms-flex-align: center; |
| 2350 | 2417 | align-items: center; |
| 2351 | - gap: 8px | |
| 2418 | + gap: 8px; | |
| 2419 | + position: sticky; | |
| 2420 | + top: 26px; | |
| 2421 | + background: #fff; | |
| 2422 | + z-index: 1; | |
| 2423 | + border-radius: 0 | |
| 2352 | 2424 | } |
| 2353 | 2425 | .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon { |
| 2354 | 2426 | margin: 0; |
| 2355 | 2427 | -ms-flex: 0 0 auto; |
| @@ -2364,8 +2436,19 @@ | ||
| 2364 | 2436 | } |
| 2365 | 2437 | .wpbc_ui_el__vert_left_bar__root_section_element:not(.section_expanded) .wpbc_ui_el__vert_left_bar__section { |
| 2366 | 2438 | display: none |
| 2367 | 2439 | } |
| 2440 | +.wpbc_ui_el__vert_left_bar__root_section_element.section_expanded .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon { | |
| 2441 | + -ms-flex-order: 2; | |
| 2442 | + order: 2; | |
| 2443 | + margin-left: auto; | |
| 2444 | + -ms-flex: 0 0 20px; | |
| 2445 | + flex: 0 0 20px; | |
| 2446 | + text-align: center | |
| 2447 | +} | |
| 2448 | +.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_section_element.section_expanded .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon { | |
| 2449 | + display: none | |
| 2450 | +} | |
| 2368 | 2451 | .wpbc_ui_el__vert_left_bar__root_section_element:not(.section_expanded) .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon::before { |
| 2369 | 2452 | -ms-transform: rotate(0); |
| 2370 | 2453 | transform: rotateZ(0) |
| 2371 | 2454 | } |
| @@ -2380,10 +2463,14 @@ | ||
| 2380 | 2463 | margin: 0; |
| 2381 | 2464 | font-size: 14px; |
| 2382 | 2465 | color: #575757!important |
| 2383 | 2466 | } |
| 2384 | -.wpbc_ui_el__root_section_header_a:not(:hover) h2.wpbc_ui_el__section_header { | |
| 2385 | - color: #707070 | |
| 2467 | +.wpbc_ui_el__root_section_header_a h2.wpbc_ui_el__section_header { | |
| 2468 | + color: #565656!important; | |
| 2469 | + font-size: 10px; | |
| 2470 | + padding: 0 8px; | |
| 2471 | + text-transform: uppercase; | |
| 2472 | + font-weight: 700 | |
| 2386 | 2473 | } |
| 2387 | 2474 | .wpbc_ui_el__section_header { |
| 2388 | 2475 | font-size: 13px; |
| 2389 | 2476 | font-weight: 600; |
| @@ -2431,9 +2518,9 @@ | ||
| 2431 | 2518 | -ms-flex-align: stretch; |
| 2432 | 2519 | align-items: stretch; |
| 2433 | 2520 | -ms-flex-pack: start; |
| 2434 | 2521 | justify-content: flex-start; |
| 2435 | - gap: 5px | |
| 2522 | + gap: 1px | |
| 2436 | 2523 | } |
| 2437 | 2524 | .wpbc_ui_el__level__folder, |
| 2438 | 2525 | .wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item, |
| 2439 | 2526 | .wpbc_ui_el__level__folder .wpbc_ui_el__vert_nav_item_sub { |
| @@ -2516,13 +2603,18 @@ | ||
| 2516 | 2603 | .wpbc_ui_el__vert_nav_item__single .wpbc-bi-toggle2-on::before { |
| 2517 | 2604 | font-size: 95% |
| 2518 | 2605 | } |
| 2519 | 2606 | .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__root_sections_container { |
| 2520 | - margin-top: 8px | |
| 2607 | + margin-top: 0 | |
| 2521 | 2608 | } |
| 2522 | 2609 | .wpbc_ui_el__expand_colapse_btns { |
| 2523 | - padding: 0; | |
| 2524 | - margin: 16px 0 -38px | |
| 2610 | + padding: 8px 0; | |
| 2611 | + margin: 0; | |
| 2612 | + position: sticky; | |
| 2613 | + top: 0; | |
| 2614 | + z-index: 2; | |
| 2615 | + background: #fff; | |
| 2616 | + border-bottom: 0 dashed #c2c2c2 | |
| 2525 | 2617 | } |
| 2526 | 2618 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__expand_colapse_btns { |
| 2527 | 2619 | margin-bottom: -22px |
| 2528 | 2620 | } |
| @@ -2538,9 +2630,9 @@ | ||
| 2538 | 2630 | outline: 0 |
| 2539 | 2631 | } |
| 2540 | 2632 | .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a { |
| 2541 | 2633 | margin-left: auto; |
| 2542 | - padding: 0 8px | |
| 2634 | + padding: 0 2px | |
| 2543 | 2635 | } |
| 2544 | 2636 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns { |
| 2545 | 2637 | -ms-flex-pack: center; |
| 2546 | 2638 | justify-content: center |
| @@ -2580,9 +2672,9 @@ | ||
| 2580 | 2672 | margin-top: auto; |
| 2581 | 2673 | margin-bottom: 15px; |
| 2582 | 2674 | -ms-flex-order: 1; |
| 2583 | 2675 | order: 1; |
| 2584 | - bottom: 25%; | |
| 2676 | + bottom: 3%; | |
| 2585 | 2677 | box-shadow: var(--wpbc_ui__gen__panel_box-shadow); |
| 2586 | 2678 | box-shadow: 1px 1px 3px rgba(17,24,39,.09); |
| 2587 | 2679 | margin-right: -22px |
| 2588 | 2680 | } |
| @@ -2625,8 +2717,12 @@ | ||
| 2625 | 2717 | .wpbc_settings_page_wrapper.min .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button svg path, |
| 2626 | 2718 | .wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button svg path { |
| 2627 | 2719 | fill: #fff |
| 2628 | 2720 | } |
| 2721 | +.wpbc_settings_page_wrapper.min .wpbc_ui_el__vert_left_bar__wrapper:hover { | |
| 2722 | + --wpbc_ui_left_vert_nav__width_min: 20px; | |
| 2723 | + cursor: pointer | |
| 2724 | +} | |
| 2629 | 2725 | .wpbc_settings_page_content .wpbc_settings_path .wpbc_settings_path_el.wpbc_ui_settings__flex_container { |
| 2630 | 2726 | position: absolute; |
| 2631 | 2727 | right: 10px |
| 2632 | 2728 | } |
| @@ -2681,9 +2777,10 @@ | ||
| 2681 | 2777 | border-radius: 0; |
| 2682 | 2778 | font-size: 12px; |
| 2683 | 2779 | font-weight: 600; |
| 2684 | 2780 | line-height: 1.74; |
| 2685 | - text-align: center | |
| 2781 | + text-align: center; | |
| 2782 | + word-break: break-all | |
| 2686 | 2783 | } |
| 2687 | 2784 | .wpbc_ui_el__vert_right_bar_compact__wrapper button.wpbc_ui_el__vert_nav_item__a.wpbc_ui_el__vert_nav_item__single { |
| 2688 | 2785 | width: 100% |
| 2689 | 2786 | } |
| @@ -2925,10 +3022,9 @@ | ||
| 2925 | 3022 | font-size: 24px |
| 2926 | 3023 | } |
| 2927 | 3024 | .wpbc_ajx_toolbar .wpbc_ui_el__choosen { |
| 2928 | 3025 | -ms-flex-align: center; |
| 2929 | - align-items: center; | |
| 2930 | - margin-right: 20px | |
| 3026 | + align-items: center | |
| 2931 | 3027 | } |
| 2932 | 3028 | .wpbc_ajx_toolbar .wpbc_ui_el__choosen .chzn-container { |
| 2933 | 3029 | -ms-flex-item-align: initial; |
| 2934 | 3030 | align-self: initial; |
| @@ -2943,8 +3039,14 @@ | ||
| 2943 | 3039 | } |
| 2944 | 3040 | #wpbc_booking_listing_reload_button i.menu_icon::before { |
| 2945 | 3041 | font-size: 22px |
| 2946 | 3042 | } |
| 3043 | +.wpbc_admin .clr-field button { | |
| 3044 | + height: calc(100% - 6px); | |
| 3045 | + right: 3px; | |
| 3046 | + pointer-events: unset; | |
| 3047 | + cursor: pointer | |
| 3048 | +} | |
| 2947 | 3049 | .wpbc_ui__collapsible_group .group__header { |
| 2948 | 3050 | width: 100%; |
| 2949 | 3051 | display: -ms-flexbox; |
| 2950 | 3052 | display: flex; |
| @@ -2966,8 +3068,11 @@ | ||
| 2966 | 3068 | } |
| 2967 | 3069 | .wpbc_ui__collapsible_group.is-open { |
| 2968 | 3070 | padding-bottom: 25px |
| 2969 | 3071 | } |
| 3072 | +.wpbc_ui__collapsible_group:last-child { | |
| 3073 | + padding-bottom: 100px | |
| 3074 | +} | |
| 2970 | 3075 | .wpbc_ui__collapsible_group.is-open .group__header { |
| 2971 | 3076 | border-left-color: #1e7bc7; |
| 2972 | 3077 | background: rgba(30,123,199,.0392156863); |
| 2973 | 3078 | border-radius: 0 5px 5px 0; |
| @@ -3031,8 +3136,268 @@ | ||
| 3031 | 3136 | } |
| 3032 | 3137 | .wpbc_tab__panel[hidden] { |
| 3033 | 3138 | display: none!important |
| 3034 | 3139 | } |
| 3140 | +.wpbc_rightbar_palette { | |
| 3141 | + --wpbc-palette-accent: var(--wpbc-ts-red, #df202b); | |
| 3142 | + --wpbc-palette-bg: var(--wpbc-ts-bg, #fff); | |
| 3143 | + --wpbc-palette-bg-soft: var(--wpbc-ts-bg-soft, #f6f7f7); | |
| 3144 | + --wpbc-palette-border: var(--wpbc-ts-border, #dfe4ea); | |
| 3145 | + --wpbc-palette-muted: var(--wpbc-ts-muted, #646970); | |
| 3146 | + --wpbc-palette-radius: var(--wpbc-ts-radius, 6px); | |
| 3147 | + --wpbc-palette-text: var(--wpbc-ts-text, #1d2327) | |
| 3148 | +} | |
| 3149 | +.wpbc_ui_el__vert_right_bar__content .wpbc_ui_el__expand_colapse_btns { | |
| 3150 | + display: none | |
| 3151 | +} | |
| 3152 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__head { | |
| 3153 | + border-bottom: 1px solid var(--wpbc-palette-border); | |
| 3154 | + margin: 0; | |
| 3155 | + padding: 0 10px 10px | |
| 3156 | +} | |
| 3157 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__head .header_container { | |
| 3158 | + padding: 0 | |
| 3159 | +} | |
| 3160 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__head .title { | |
| 3161 | + color: var(--wpbc-palette-text); | |
| 3162 | + font-size: 14px; | |
| 3163 | + font-weight: 700; | |
| 3164 | + letter-spacing: 0; | |
| 3165 | + line-height: 1.74; | |
| 3166 | + margin: 0; | |
| 3167 | + text-transform: uppercase | |
| 3168 | +} | |
| 3169 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__head .desc { | |
| 3170 | + color: var(--wpbc-palette-muted); | |
| 3171 | + font-size: 12px; | |
| 3172 | + line-height: 1.75; | |
| 3173 | + margin: 5px 0 0 | |
| 3174 | +} | |
| 3175 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__body, | |
| 3176 | +.wpbc_rightbar_palette .wpbc_ts_inspector_body { | |
| 3177 | + padding: 0 | |
| 3178 | +} | |
| 3179 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__body.wpbc_bfb__inspector__body--content, | |
| 3180 | +.wpbc_rightbar_palette .wpbc_bfb__inspector__section--content { | |
| 3181 | + box-sizing: border-box; | |
| 3182 | + padding: var(--wpbc-inspector-content-padding,18px) | |
| 3183 | +} | |
| 3184 | +.wpbc_rightbar_palette .inspector__row { | |
| 3185 | + -ms-flex-align: start; | |
| 3186 | + align-items: flex-start; | |
| 3187 | + box-sizing: border-box; | |
| 3188 | + display: -ms-flexbox; | |
| 3189 | + display: flex; | |
| 3190 | + -ms-flex: 1 1 100%; | |
| 3191 | + flex: 1 1 100%; | |
| 3192 | + -ms-flex-flow: row wrap; | |
| 3193 | + flex-flow: row wrap; | |
| 3194 | + gap: 10px; | |
| 3195 | + -ms-flex-pack: start; | |
| 3196 | + justify-content: flex-start; | |
| 3197 | + width: 100% | |
| 3198 | +} | |
| 3199 | +.wpbc_rightbar_palette .inspector__control, | |
| 3200 | +.wpbc_rightbar_palette .inspector__label { | |
| 3201 | + box-sizing: border-box; | |
| 3202 | + -ms-flex: 1 1 100%; | |
| 3203 | + flex: 1 1 100% | |
| 3204 | +} | |
| 3205 | +.inspector__row .inspector__w_10 { | |
| 3206 | + -ms-flex-preferred-size: 10%; | |
| 3207 | + flex-basis: 10% | |
| 3208 | +} | |
| 3209 | +.inspector__row .inspector__w_20 { | |
| 3210 | + -ms-flex-preferred-size: 20%; | |
| 3211 | + flex-basis: 20% | |
| 3212 | +} | |
| 3213 | +.inspector__row .inspector__w_30 { | |
| 3214 | + -ms-flex-preferred-size: 30%; | |
| 3215 | + flex-basis: 30% | |
| 3216 | +} | |
| 3217 | +.inspector__row .inspector__w_40 { | |
| 3218 | + -ms-flex-preferred-size: 40%; | |
| 3219 | + flex-basis: 40% | |
| 3220 | +} | |
| 3221 | +.inspector__row .inspector__w_50 { | |
| 3222 | + -ms-flex-preferred-size: 50%; | |
| 3223 | + flex-basis: 50% | |
| 3224 | +} | |
| 3225 | +.inspector__row .inspector__w_60 { | |
| 3226 | + -ms-flex-preferred-size: 60%; | |
| 3227 | + flex-basis: 60% | |
| 3228 | +} | |
| 3229 | +.inspector__row .inspector__w_70 { | |
| 3230 | + -ms-flex-preferred-size: 70%; | |
| 3231 | + flex-basis: 70% | |
| 3232 | +} | |
| 3233 | +.inspector__row .inspector__w_80 { | |
| 3234 | + -ms-flex-preferred-size: 80%; | |
| 3235 | + flex-basis: 80% | |
| 3236 | +} | |
| 3237 | +.inspector__row .inspector__w_90 { | |
| 3238 | + -ms-flex-preferred-size: 90%; | |
| 3239 | + flex-basis: 90% | |
| 3240 | +} | |
| 3241 | +.inspector__row .inspector__w_100 { | |
| 3242 | + -ms-flex-preferred-size: 100%; | |
| 3243 | + flex-basis: 100% | |
| 3244 | +} | |
| 3245 | +.inspector__row .inspector__w_05 { | |
| 3246 | + -ms-flex-preferred-size: 5%; | |
| 3247 | + flex-basis: 5% | |
| 3248 | +} | |
| 3249 | +.inspector__row .inspector__w_15 { | |
| 3250 | + -ms-flex-preferred-size: 15%; | |
| 3251 | + flex-basis: 15% | |
| 3252 | +} | |
| 3253 | +.inspector__row .inspector__w_25 { | |
| 3254 | + -ms-flex-preferred-size: 25%; | |
| 3255 | + flex-basis: 25% | |
| 3256 | +} | |
| 3257 | +.inspector__row .inspector__w_35 { | |
| 3258 | + -ms-flex-preferred-size: 35%; | |
| 3259 | + flex-basis: 35% | |
| 3260 | +} | |
| 3261 | +.inspector__row .inspector__w_45 { | |
| 3262 | + -ms-flex-preferred-size: 45%; | |
| 3263 | + flex-basis: 45% | |
| 3264 | +} | |
| 3265 | +.inspector__row .inspector__w_55 { | |
| 3266 | + -ms-flex-preferred-size: 55%; | |
| 3267 | + flex-basis: 55% | |
| 3268 | +} | |
| 3269 | +.inspector__row .inspector__w_65 { | |
| 3270 | + -ms-flex-preferred-size: 65%; | |
| 3271 | + flex-basis: 65% | |
| 3272 | +} | |
| 3273 | +.inspector__row .inspector__w_75 { | |
| 3274 | + -ms-flex-preferred-size: 75%; | |
| 3275 | + flex-basis: 75% | |
| 3276 | +} | |
| 3277 | +.inspector__row .inspector__w_85 { | |
| 3278 | + -ms-flex-preferred-size: 85%; | |
| 3279 | + flex-basis: 85% | |
| 3280 | +} | |
| 3281 | +.inspector__row .inspector__w_95 { | |
| 3282 | + -ms-flex-preferred-size: 95%; | |
| 3283 | + flex-basis: 95% | |
| 3284 | +} | |
| 3285 | +.wpbc_rightbar_palette .inspector__label { | |
| 3286 | + color: var(--wpbc-palette-text); | |
| 3287 | + font-size: 14px; | |
| 3288 | + font-weight: 600; | |
| 3289 | + line-height: 1.75; | |
| 3290 | + margin: 0 | |
| 3291 | +} | |
| 3292 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > input:not([type=checkbox]):not([type=radio]):not([type=submit]), | |
| 3293 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > select, | |
| 3294 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__control > textarea, | |
| 3295 | +.wp-core-ui .wpbc_page .wpbc_rightbar_palette .inspector__input { | |
| 3296 | + box-sizing: border-box; | |
| 3297 | + line-height: 2.4; | |
| 3298 | + max-width: 100%; | |
| 3299 | + width: 100% | |
| 3300 | +} | |
| 3301 | +.wpbc_rightbar_palette .inspector__control--inline { | |
| 3302 | + -ms-flex-align: stretch; | |
| 3303 | + align-items: stretch; | |
| 3304 | + display: -ms-flexbox; | |
| 3305 | + display: flex; | |
| 3306 | + -ms-flex-flow: row nowrap; | |
| 3307 | + flex-flow: row nowrap; | |
| 3308 | + gap: 8px | |
| 3309 | +} | |
| 3310 | +.wpbc_rightbar_palette .inspector__control--inline .inspector__input--unit { | |
| 3311 | + -ms-flex: 0 0 72px; | |
| 3312 | + flex: 0 0 72px; | |
| 3313 | + width: 72px | |
| 3314 | +} | |
| 3315 | +.wpbc_rightbar_palette .inspector__row--toggle .wpbc_ui__toggle { | |
| 3316 | + -ms-flex-align: center; | |
| 3317 | + align-items: center; | |
| 3318 | + display: -ms-flexbox; | |
| 3319 | + display: flex; | |
| 3320 | + float: none; | |
| 3321 | + margin: 0; | |
| 3322 | + min-height: 26px; | |
| 3323 | + position: static | |
| 3324 | +} | |
| 3325 | +.wpbc_rightbar_palette .inspector__help { | |
| 3326 | + color: var(--wpbc-palette-muted); | |
| 3327 | + font-size: 12px; | |
| 3328 | + line-height: 1.5; | |
| 3329 | + margin: 7px 0 0 | |
| 3330 | +} | |
| 3331 | +.wpbc_rightbar_palette .wpbc_ts_inspector_row, | |
| 3332 | +.wpbc_rightbar_palette__row { | |
| 3333 | + -ms-flex-align: start; | |
| 3334 | + align-items: flex-start; | |
| 3335 | + display: -ms-flexbox; | |
| 3336 | + display: flex; | |
| 3337 | + -ms-flex-flow: row wrap; | |
| 3338 | + flex-flow: row wrap; | |
| 3339 | + gap: 8px; | |
| 3340 | + margin-bottom: 14px | |
| 3341 | +} | |
| 3342 | +.wpbc_rightbar_palette .wpbc_ts_inspector_row.row__bordered, | |
| 3343 | +.wpbc_rightbar_palette__row.row__bordered { | |
| 3344 | + background: var(--wpbc-palette-bg-soft); | |
| 3345 | + border: 1px solid var(--wpbc-palette-border); | |
| 3346 | + border-radius: var(--wpbc-palette-radius); | |
| 3347 | + padding: 10px | |
| 3348 | +} | |
| 3349 | +.wpbc_rightbar_palette .wpbc_ts_inspector_label, | |
| 3350 | +.wpbc_rightbar_palette .wpbc_ts_inspector_value, | |
| 3351 | +.wpbc_rightbar_palette__label, | |
| 3352 | +.wpbc_rightbar_palette__value { | |
| 3353 | + -ms-flex: 1 1 100%; | |
| 3354 | + flex: 1 1 100% | |
| 3355 | +} | |
| 3356 | +.wpbc_rightbar_palette .wpbc_ts_inspector_label, | |
| 3357 | +.wpbc_rightbar_palette__label { | |
| 3358 | + color: var(--wpbc-palette-text); | |
| 3359 | + font-weight: 600 | |
| 3360 | +} | |
| 3361 | +.wpbc_rightbar_palette .wpbc_ts_inspector_value, | |
| 3362 | +.wpbc_rightbar_palette__value { | |
| 3363 | + color: var(--wpbc-palette-muted); | |
| 3364 | + line-height: 1.5 | |
| 3365 | +} | |
| 3366 | +.wpbc_rightbar_palette .wpbc_ts_inspector_select, | |
| 3367 | +.wpbc_rightbar_palette__select { | |
| 3368 | + min-height: 36px; | |
| 3369 | + width: 100% | |
| 3370 | +} | |
| 3371 | +.wpbc_rightbar_palette .wpbc_ts_segmented, | |
| 3372 | +.wpbc_rightbar_palette__segmented { | |
| 3373 | + background: var(--wpbc-palette-bg); | |
| 3374 | + border: 1px solid var(--wpbc-palette-border); | |
| 3375 | + border-radius: var(--wpbc-palette-radius); | |
| 3376 | + display: -ms-flexbox; | |
| 3377 | + display: flex; | |
| 3378 | + margin-bottom: 12px; | |
| 3379 | + overflow: hidden | |
| 3380 | +} | |
| 3381 | +.wpbc_rightbar_palette .wpbc_ts_segmented a, | |
| 3382 | +.wpbc_rightbar_palette__segmented a { | |
| 3383 | + border-right: 1px solid var(--wpbc-palette-border); | |
| 3384 | + color: var(--wpbc-palette-text); | |
| 3385 | + -ms-flex: 1 1 0px; | |
| 3386 | + flex: 1 1 0; | |
| 3387 | + padding: 9px 12px; | |
| 3388 | + text-align: center; | |
| 3389 | + text-decoration: none | |
| 3390 | +} | |
| 3391 | +.wpbc_rightbar_palette .wpbc_ts_segmented a:last-child, | |
| 3392 | +.wpbc_rightbar_palette__segmented a:last-child { | |
| 3393 | + border-right: 0 | |
| 3394 | +} | |
| 3395 | +.wpbc_rightbar_palette .wpbc_ts_segmented a.is-active, | |
| 3396 | +.wpbc_rightbar_palette__segmented a.is-active { | |
| 3397 | + background: var(--wpbc-palette-accent); | |
| 3398 | + color: #fff | |
| 3399 | +} | |
| 3035 | 3400 | .inspector__row .wpbc_slider_range_group.wpbc_inline_inputs, |
| 3036 | 3401 | .wpbc_slider_range_group.wpbc_inline_inputs { |
| 3037 | 3402 | width: 100%; |
| 3038 | 3403 | display: -ms-flexbox; |
| @@ -3072,10 +3437,15 @@ | ||
| 3072 | 3437 | .wpbc_slider_len_group label { |
| 3073 | 3438 | margin: 5px 0 |
| 3074 | 3439 | } |
| 3075 | 3440 | .wpbc__wrap__booking_listing { |
| 3076 | - margin: 15px 0 | |
| 3441 | + margin: 15px 0; | |
| 3442 | + min-height: 550px | |
| 3077 | 3443 | } |
| 3444 | +.wpbc_admin.wpbc_admin_page__tab__vm_booking_listing .wpbc_settings_page_content { | |
| 3445 | + min-width: 0; | |
| 3446 | + overflow: visible | |
| 3447 | +} | |
| 3078 | 3448 | .wpbc__list__table, |
| 3079 | 3449 | .wpbc__list__table .wpbc__list__body, |
| 3080 | 3450 | .wpbc__list__table .wpbc__list__foot, |
| 3081 | 3451 | .wpbc__list__table .wpbc__list__head { |
| @@ -3280,9 +3650,9 @@ | ||
| 3280 | 3650 | padding: 0; |
| 3281 | 3651 | background: var(--wpbc_ui_listing__back_color); |
| 3282 | 3652 | border: 0 |
| 3283 | 3653 | } |
| 3284 | -.wpbc_listing_usual_row { | |
| 3654 | +div .wpbc_listing_usual_row { | |
| 3285 | 3655 | -ms-flex: 1 1 100%; |
| 3286 | 3656 | flex: 1 1 100%; |
| 3287 | 3657 | display: -ms-flexbox; |
| 3288 | 3658 | display: flex; |
| @@ -3292,9 +3662,10 @@ | ||
| 3292 | 3662 | justify-content: flex-start; |
| 3293 | 3663 | -ms-flex-align: start; |
| 3294 | 3664 | align-items: flex-start; |
| 3295 | 3665 | border-bottom: 1px solid var(--wpbc_ui_listing__row_border_color); |
| 3296 | - border-left: 4px solid transparent | |
| 3666 | + border-left: 4px solid transparent; | |
| 3667 | + margin: 0 | |
| 3297 | 3668 | } |
| 3298 | 3669 | .wpbc_listing_usual_row:last-child { |
| 3299 | 3670 | border-bottom: 0 |
| 3300 | 3671 | } |
| @@ -3618,12 +3989,16 @@ | ||
| 3618 | 3989 | .wpbc_listing_col.wpbc_col_action { |
| 3619 | 3990 | -ms-flex-pack: end; |
| 3620 | 3991 | justify-content: flex-end |
| 3621 | 3992 | } |
| 3993 | + .wpbc_row_wrap.max_height_a .wpbc_a_row__appointment, | |
| 3622 | 3994 | .wpbc_row_wrap.max_height_a .wpbc_a_row__notes, |
| 3623 | 3995 | .wpbc_row_wrap.max_height_a .wpbc_a_row__system { |
| 3624 | 3996 | display: none |
| 3625 | 3997 | } |
| 3998 | + .wpbc_a_row__appointment .wpbc_col_appointment_details { | |
| 3999 | + margin: 5px 10px | |
| 4000 | + } | |
| 3626 | 4001 | .wpbc_a_row__system .wpbc_col_sys_info { |
| 3627 | 4002 | margin-left: 10px |
| 3628 | 4003 | } |
| 3629 | 4004 | .wpbc_a_row__notes { |
| @@ -3693,12 +4068,8 @@ | ||
| 3693 | 4068 | .wpbc_listing_col.wpbc_col_action { |
| 3694 | 4069 | -ms-flex: 0 0 70px; |
| 3695 | 4070 | flex: 0 0 70px |
| 3696 | 4071 | } |
| 3697 | -.wpbc_ui_el__listing_row:nth-of-type(2n+1) { | |
| 3698 | - background-color: var(--wpbc_ui_listing__back_alt_color); | |
| 3699 | - border-left-color: var(--wpbc_ui_listing__back_alt_color) | |
| 3700 | -} | |
| 3701 | 4072 | .wpbc_ui_el__listing_row.wpbc_row.row_selected_color { |
| 3702 | 4073 | border-left-color: var(--wpbc_ui_listing__selected_row_color) |
| 3703 | 4074 | } |
| 3704 | 4075 | .wpbc_label { |
| @@ -3837,9 +4208,9 @@ | ||
| 3837 | 4208 | } |
| 3838 | 4209 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle, |
| 3839 | 4210 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle:focus, |
| 3840 | 4211 | .wpbc_listing_col.wpbc_col_action a.ul_dropdown_menu_toggle:hover { |
| 3841 | - background: rgba(0,0,0,.0705882353); | |
| 4212 | + background: rgba(0,0,0,.03); | |
| 3842 | 4213 | border-radius: 50%; |
| 3843 | 4214 | width: 33px; |
| 3844 | 4215 | -ms-flex-flow: column; |
| 3845 | 4216 | flex-flow: column; |
| @@ -4015,5 +4386,169 @@ | ||
| 4015 | 4386 | vertical-align: -.18em |
| 4016 | 4387 | } |
| 4017 | 4388 | .wpbc_ui_toolbar.wpbc_ui_toolbar__bo_listing { |
| 4018 | 4389 | margin: var(--wpbc_ui_horis_top_nav__margin) |
| 4390 | +} | |
| 4391 | +.wpbc_appointment_booking_details { | |
| 4392 | + border: 1px dashed #777; | |
| 4393 | + border-radius: 4px; | |
| 4394 | + display: -ms-flexbox; | |
| 4395 | + display: flex; | |
| 4396 | + -ms-flex-flow: row wrap; | |
| 4397 | + flex-flow: row wrap; | |
| 4398 | + gap: 4px 18px; | |
| 4399 | + line-height: 1.6; | |
| 4400 | + padding: 8px 10px; | |
| 4401 | + margin: 0 20px 0 15px | |
| 4402 | +} | |
| 4403 | +.wpbc_appointment_booking_details > strong { | |
| 4404 | + -ms-flex: 1 1 100%; | |
| 4405 | + flex: 1 1 100% | |
| 4406 | +} | |
| 4407 | +.wpbc_appointment_booking_details > span { | |
| 4408 | + overflow-wrap: anywhere | |
| 4409 | +} | |
| 4410 | +.wpbc_a_col__dates .booking_dates_resource_allocation_summary .content_text { | |
| 4411 | + -ms-flex-flow: column nowrap; | |
| 4412 | + flex-flow: column nowrap; | |
| 4413 | + gap: 2px; | |
| 4414 | + padding: 4px 2px; | |
| 4415 | + text-align: center | |
| 4416 | +} | |
| 4417 | +.booking_dates_resource_allocation_summary .wpbc_label_booking_dates { | |
| 4418 | + line-height: 1.45; | |
| 4419 | + margin: 2px; | |
| 4420 | + white-space: normal | |
| 4421 | +} | |
| 4422 | +.wpbc_booking_resource_count { | |
| 4423 | + color: #646970; | |
| 4424 | + font-size: 11px; | |
| 4425 | + font-weight: 500; | |
| 4426 | + line-height: 1.35 | |
| 4427 | +} | |
| 4428 | +.wpbc_row_wrap.max_height_a .wpbc_a_row__resource_allocation { | |
| 4429 | + display: none | |
| 4430 | +} | |
| 4431 | +.wpbc_a_row__resource_allocation { | |
| 4432 | + box-sizing: border-box; | |
| 4433 | + padding: 0 10px 10px 15px | |
| 4434 | +} | |
| 4435 | +.wpbc_col_resource_allocation { | |
| 4436 | + -ms-flex: 1 1 100%; | |
| 4437 | + flex: 1 1 100%; | |
| 4438 | + min-width: 0 | |
| 4439 | +} | |
| 4440 | +.wpbc_resource_allocation { | |
| 4441 | + background: #fff; | |
| 4442 | + border: 1px solid #dcdcde; | |
| 4443 | + border-radius: 3px; | |
| 4444 | + overflow: hidden; | |
| 4445 | + width: 100% | |
| 4446 | +} | |
| 4447 | +.wpbc_resource_allocation__header { | |
| 4448 | + -ms-flex-align: center; | |
| 4449 | + align-items: center; | |
| 4450 | + border-bottom: 1px solid #dcdcde; | |
| 4451 | + display: -ms-flexbox; | |
| 4452 | + display: flex; | |
| 4453 | + gap: 10px; | |
| 4454 | + -ms-flex-pack: justify; | |
| 4455 | + justify-content: space-between; | |
| 4456 | + min-height: 30px; | |
| 4457 | + padding: 3px 10px | |
| 4458 | +} | |
| 4459 | +.wpbc_resource_allocation__header strong { | |
| 4460 | + font-size: 13px | |
| 4461 | +} | |
| 4462 | +.wpbc_resource_allocation__count { | |
| 4463 | + background: #f0f0f1; | |
| 4464 | + border-radius: 3px; | |
| 4465 | + color: #50575e; | |
| 4466 | + font-size: 11px; | |
| 4467 | + line-height: 1.5; | |
| 4468 | + padding: 2px 8px; | |
| 4469 | + white-space: nowrap | |
| 4470 | +} | |
| 4471 | +.wpbc_resource_allocation__segments { | |
| 4472 | + display: -ms-flexbox; | |
| 4473 | + display: flex; | |
| 4474 | + -ms-flex-flow: column nowrap; | |
| 4475 | + flex-flow: column nowrap | |
| 4476 | +} | |
| 4477 | +.wpbc_resource_allocation__segment { | |
| 4478 | + -ms-flex-align: center; | |
| 4479 | + align-items: center; | |
| 4480 | + border-bottom: 1px solid #f0f0f1; | |
| 4481 | + display: -ms-flexbox; | |
| 4482 | + display: flex; | |
| 4483 | + -ms-flex-flow: row nowrap; | |
| 4484 | + flex-flow: row nowrap; | |
| 4485 | + gap: 8px; | |
| 4486 | + min-height: 36px; | |
| 4487 | + padding: 4px 10px | |
| 4488 | +} | |
| 4489 | +.wpbc_resource_allocation__segment:last-child { | |
| 4490 | + border-bottom: 0 | |
| 4491 | +} | |
| 4492 | +.wpbc_resource_allocation__period { | |
| 4493 | + -ms-flex: 0 1 280px; | |
| 4494 | + flex: 0 1 280px; | |
| 4495 | + font-weight: 600; | |
| 4496 | + min-width: 175px; | |
| 4497 | + overflow-wrap: anywhere | |
| 4498 | +} | |
| 4499 | +.wpbc_resource_allocation__arrow { | |
| 4500 | + color: #8c8f94; | |
| 4501 | + -ms-flex: 0 0 20px; | |
| 4502 | + flex: 0 0 20px; | |
| 4503 | + text-align: center | |
| 4504 | +} | |
| 4505 | +.rtl .wpbc_resource_allocation__arrow { | |
| 4506 | + -ms-transform: scaleX(-1); | |
| 4507 | + transform: scaleX(-1) | |
| 4508 | +} | |
| 4509 | +.wpbc_resource_allocation__resources { | |
| 4510 | + -ms-flex-align: center; | |
| 4511 | + align-items: center; | |
| 4512 | + display: -ms-flexbox; | |
| 4513 | + display: flex; | |
| 4514 | + -ms-flex: 1 1 0px; | |
| 4515 | + flex: 1 1 0; | |
| 4516 | + -ms-flex-wrap: wrap; | |
| 4517 | + flex-wrap: wrap; | |
| 4518 | + gap: 5px 8px; | |
| 4519 | + min-width: 0 | |
| 4520 | +} | |
| 4521 | +.wpbc_resource_allocation__resources .wpbc_label { | |
| 4522 | + margin: 0; | |
| 4523 | + max-width: 100%; | |
| 4524 | + overflow-wrap: anywhere; | |
| 4525 | + white-space: normal; | |
| 4526 | + line-height: 1.5 | |
| 4527 | +} | |
| 4528 | +@media (max-width:782px) { | |
| 4529 | + .wpbc_a_row__resource_allocation { | |
| 4530 | + padding: 0 5px 10px | |
| 4531 | + } | |
| 4532 | + .wpbc_resource_allocation__header { | |
| 4533 | + -ms-flex-align: start; | |
| 4534 | + align-items: flex-start; | |
| 4535 | + -ms-flex-wrap: wrap; | |
| 4536 | + flex-wrap: wrap | |
| 4537 | + } | |
| 4538 | + .wpbc_resource_allocation__segment { | |
| 4539 | + -ms-flex-align: start; | |
| 4540 | + align-items: flex-start; | |
| 4541 | + -ms-flex-flow: column nowrap; | |
| 4542 | + flex-flow: column nowrap; | |
| 4543 | + gap: 4px; | |
| 4544 | + padding: 8px 10px | |
| 4545 | + } | |
| 4546 | + .wpbc_resource_allocation__period { | |
| 4547 | + -ms-flex-preferred-size: auto; | |
| 4548 | + flex-basis: auto; | |
| 4549 | + min-width: 0 | |
| 4550 | + } | |
| 4551 | + .wpbc_resource_allocation__arrow { | |
| 4552 | + display: none | |
| 4553 | + } | |
| 4019 | 4554 | } |
