| @@ -2,11 +2,10 @@ | ||
| 2 | 2 | /*! = " == F U L L == " - Left Vertical Navigation Bar = */ |
| 3 | 3 | /* ------------------------------------------------------------------------------------------------------------------ */ |
| 4 | 4 | .wpbc_admin { |
| 5 | 5 | /* --wpbc_ui_left_vert_nav__width_min: 5px; */ |
| 6 | - --wpbc_ui_left_vert_nav__width_min: 0; /* // FixIn: 10.12.4.4. */ | |
| 7 | - --wpbc_ui_left_vert_nav__width_compact: 48px; | |
| 8 | - --wpbc_ui_left_vert_nav__width_compact: 90px; /* // FixIn: 10.14.4.1. */ | |
| 6 | + --wpbc_ui_left_vert_nav__width_min: 10px; | |
| 7 | + --wpbc_ui_left_vert_nav__width_compact: 80px; | |
| 9 | 8 | --wpbc_ui_left_vert_nav__width_max: 250px; |
| 10 | 9 | |
| 11 | 10 | --wpbc_ui_left_vert_nav__margin: 0; |
| 12 | 11 | --wpbc_ui_left_vert_nav__background-color: var(--wpbc_ui__gen__panel_background-color); |
| @@ -314,10 +313,10 @@ | ||
| 314 | 313 | /* A */ |
| 315 | 314 | .wpbc_ui_el__vert_nav_item a, |
| 316 | 315 | .wpbc_ui_el__vert_nav_item button{ |
| 317 | 316 | flex: 1 1 100%; |
| 318 | - margin: 2px 0 2px 8px; | |
| 319 | - padding: 7px 8px; | |
| 317 | + margin: 0 0 0 3px; | |
| 318 | + padding: 8px 5px 8px 12px; | |
| 320 | 319 | border: none; |
| 321 | 320 | border-radius: var(--wpbc_ui__gen__border-radius) 0 0 var(--wpbc_ui__gen__border-radius); |
| 322 | 321 | text-shadow: none; |
| 323 | 322 | font-size: var(--wpbc_ui_left_vert_nav__font-size); |
| @@ -330,17 +329,23 @@ | ||
| 330 | 329 | display: flex; |
| 331 | 330 | flex-flow: row; |
| 332 | 331 | justify-content: flex-start; |
| 333 | 332 | align-items: center; |
| 333 | + gap: 8px; | |
| 334 | 334 | |
| 335 | 335 | /* 2025-08-08 */ |
| 336 | 336 | font-weight: 500; |
| 337 | - font-size: 13px; | |
| 337 | + font-size: 12px; | |
| 338 | 338 | letter-spacing: 0.1px; |
| 339 | 339 | margin: 0 0 0px 3px; |
| 340 | 340 | padding: 8px 5px 8px 12px; |
| 341 | 341 | cursor:pointer; |
| 342 | 342 | } |
| 343 | +.wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon_expanded, | |
| 344 | +.wpbc_ui_el__vert_nav_item a .wpbc_ui_el__vert_nav_icon_collapsed, | |
| 345 | +.wpbc_ui_el__vert_nav_item a .wpbc-bi-question-circle { | |
| 346 | + font-size: 10px; | |
| 347 | +} | |
| 343 | 348 | .wpbc_ui_el__vert_nav_item__uninstall a { |
| 344 | 349 | /*color: #d63638;*/ |
| 345 | 350 | } |
| 346 | 351 | .wpbc_ui_el__vert_nav_item button:not(:hover){ |
| @@ -397,10 +402,10 @@ | ||
| 397 | 402 | margin: 0 10px 0 0; |
| 398 | 403 | } |
| 399 | 404 | /** // FixIn: 10.14.4.1. */ |
| 400 | 405 | /* Show top Icon menu opening wider in this compact mode*/ |
| 401 | -.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child { | |
| 402 | - width: 80px; | |
| 406 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child { | |
| 407 | + width: 70px; | |
| 403 | 408 | display: flex; |
| 404 | 409 | flex-flow: row nowrap; |
| 405 | 410 | justify-content: stretch; |
| 406 | 411 | align-items: center; |
| @@ -405,12 +410,43 @@ | ||
| 405 | 410 | justify-content: stretch; |
| 406 | 411 | align-items: center; |
| 407 | 412 | padding: 0 !important; |
| 408 | 413 | } |
| 409 | -.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a { | |
| 414 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a { | |
| 415 | + max-height: 30px; | |
| 416 | + max-width: 30px; | |
| 417 | + margin: auto; | |
| 418 | + display: flex; | |
| 419 | + flex-flow: column; | |
| 420 | + align-items: center; | |
| 421 | + justify-content: center; | |
| 422 | + border-radius: 50%; | |
| 423 | +} | |
| 424 | + | |
| 425 | +/*.wpbc_page_wrapper_left_compact .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a{*/ | |
| 426 | + .wpbc_page_wrapper_left_max .wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a{ | |
| 427 | + background: #46516021; | |
| 428 | +} | |
| 429 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a:hover { | |
| 430 | + background: #46516011; | |
| 431 | +} | |
| 432 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child:has(a:hover:not(.button)) *{ | |
| 433 | + color: var(--wpbc_ui_top_nav__a_color); | |
| 434 | +} | |
| 435 | +.wpbc_ui_el__top_nav > .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child:has(a:hover){ | |
| 436 | + border-bottom-color: transparent; | |
| 437 | +} | |
| 438 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a { | |
| 410 | 439 | flex: 1 1 100%; |
| 411 | 440 | text-align: center; |
| 412 | 441 | } |
| 442 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a:focus { | |
| 443 | + box-shadow: none; | |
| 444 | +} | |
| 445 | +.wpbc_ui_el__top_nav .wpbc_ui__top_nav__btn_show_left_vertical_nav:first-child a:focus-visible { | |
| 446 | + box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9); | |
| 447 | +} | |
| 448 | + | |
| 413 | 449 | /* Show in Compact mode the Icon Text wrapping . */ |
| 414 | 450 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_nav_item a { |
| 415 | 451 | display: flex; |
| 416 | 452 | flex-flow: column nowrap; |
| @@ -415,12 +451,13 @@ | ||
| 415 | 451 | display: flex; |
| 416 | 452 | flex-flow: column nowrap; |
| 417 | 453 | justify-content: center; |
| 418 | 454 | align-items: center; |
| 419 | - padding: 10px 5px; | |
| 455 | + padding: 8px 8px; | |
| 420 | 456 | margin: 0; |
| 421 | 457 | border-radius: 0; |
| 422 | - min-height: 40px; | |
| 458 | + min-height: 10px; | |
| 459 | + gap: 4px; | |
| 423 | 460 | } |
| 424 | 461 | .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, |
| 425 | 462 | .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{ |
| 426 | 463 | margin-right: 20px; |
| @@ -475,8 +512,9 @@ | ||
| 475 | 512 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__root_section_header_a { |
| 476 | 513 | visibility: visible !important; |
| 477 | 514 | padding: 0 5px; |
| 478 | 515 | display: flex; |
| 516 | + justify-content: center; | |
| 479 | 517 | } |
| 480 | 518 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__section_header.hide_in_compact_mode { |
| 481 | 519 | font-size: 10px; |
| 482 | 520 | font-weight: 600; |
| @@ -496,11 +534,12 @@ | ||
| 496 | 534 | margin: 0; |
| 497 | 535 | font-size: 10px; |
| 498 | 536 | font-weight: 650; |
| 499 | 537 | letter-spacing: 0px; |
| 538 | + color: #465160 !important; | |
| 500 | 539 | } |
| 501 | 540 | .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 { |
| 502 | - margin: 10px 0 0; | |
| 541 | + margin: 8px 0 0; | |
| 503 | 542 | } |
| 504 | 543 | .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 { |
| 505 | 544 | border-left: 2px solid #465160; |
| 506 | 545 | margin-left: 5px; |
| @@ -540,9 +579,9 @@ | ||
| 540 | 579 | align-items: stretch; |
| 541 | 580 | gap: 0px; |
| 542 | 581 | } |
| 543 | 582 | .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__section { |
| 544 | - margin-block-end: 9px; | |
| 583 | + margin-block-end: 8px; | |
| 545 | 584 | } |
| 546 | 585 | .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__root_section_element { |
| 547 | 586 | /*padding-inline-start: 14px;*/ |
| 548 | 587 | /*padding-block-end: 10px;*/ |
| @@ -547,16 +586,26 @@ | ||
| 547 | 586 | /*padding-inline-start: 14px;*/ |
| 548 | 587 | /*padding-block-end: 10px;*/ |
| 549 | 588 | padding-inline-start: 8px; |
| 550 | 589 | padding-block-start: 8px; |
| 551 | - padding-block-end: 8px; | |
| 590 | + padding-block-end: 20px; | |
| 552 | 591 | display: flex; |
| 553 | 592 | flex-flow: column nowrap; |
| 554 | 593 | justify-content: flex-start; |
| 555 | 594 | align-items: stretch; |
| 556 | - gap: 5px; | |
| 595 | + gap: 1px; | |
| 557 | 596 | } |
| 558 | -/* In compact mode hide header sections and set padding 0*/ | |
| 597 | +/* Search Availability - Top Line */ | |
| 598 | +.wpbc_ui_el__vert_left_bar__root_section_element.root_section_element_wpbc-search-availability { | |
| 599 | + border-top: 1px solid #e9e9e9; | |
| 600 | + padding-block-start: 15px; | |
| 601 | +} | |
| 602 | +/* In compact mode */ | |
| 603 | +.wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_sections_container .wpbc_ui_el__vert_left_bar__root_section_element { | |
| 604 | + padding-block-end: 40px; | |
| 605 | +} | |
| 606 | + | |
| 607 | +/* In compact mode hide header sections and set padding 0 */ | |
| 559 | 608 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__root_section_element { |
| 560 | 609 | padding-inline-start: 0 |
| 561 | 610 | } |
| 562 | 611 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__root_section_header_a { |
| @@ -574,8 +623,14 @@ | ||
| 574 | 623 | .wpbc_ui_el__root_section_header_a { |
| 575 | 624 | flex-flow: row nowrap; |
| 576 | 625 | align-items: center; |
| 577 | 626 | gap: 8px; |
| 627 | + position: sticky; | |
| 628 | + top: 26px; | |
| 629 | + background: #fff; | |
| 630 | + z-index: 1; | |
| 631 | + /*border-bottom: 1px solid #f1f1f1;*/ | |
| 632 | + border-radius: 0; | |
| 578 | 633 | } |
| 579 | 634 | .wpbc_ui_el__root_section_header_a .wpbc_ui_el__vert_menu_root_section_icon { |
| 580 | 635 | margin: 0; |
| 581 | 636 | flex: 0 0 auto; |
| @@ -590,8 +645,17 @@ | ||
| 590 | 645 | /* Hovering and Expending */ |
| 591 | 646 | .wpbc_ui_el__vert_left_bar__root_section_element:not(.section_expanded) .wpbc_ui_el__vert_left_bar__section { |
| 592 | 647 | display:none; |
| 593 | 648 | } |
| 649 | + .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 { | |
| 650 | + order: 2; | |
| 651 | + margin-left: auto; | |
| 652 | + flex: 0 0 20px; | |
| 653 | + text-align: center; | |
| 654 | + } | |
| 655 | +.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 { | |
| 656 | + display:none; | |
| 657 | +} | |
| 594 | 658 | .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{ |
| 595 | 659 | transform: rotateZ(0deg); |
| 596 | 660 | } |
| 597 | 661 | .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::before { |
| @@ -622,11 +686,17 @@ | ||
| 622 | 686 | font-size: 14px; |
| 623 | 687 | color: #575757 !important; |
| 624 | 688 | } |
| 625 | 689 | .wpbc_ui_el__root_section_header_a:not(:hover) h2.wpbc_ui_el__section_header { |
| 626 | - color: #707070; | |
| 690 | + /*color: #707070;*/ | |
| 627 | 691 | } |
| 628 | - | |
| 692 | +.wpbc_ui_el__root_section_header_a h2.wpbc_ui_el__section_header { | |
| 693 | + color: #565656 !important; | |
| 694 | + font-size: 10px; | |
| 695 | + padding: 0 8px; | |
| 696 | + text-transform: uppercase; | |
| 697 | + font-weight: 700; | |
| 698 | +} | |
| 629 | 699 | /* Section header */ |
| 630 | 700 | .wpbc_ui_el__section_header { |
| 631 | 701 | font-size: 13px; |
| 632 | 702 | font-weight: 600; |
| @@ -675,9 +745,9 @@ | ||
| 675 | 745 | display: flex; |
| 676 | 746 | flex-flow: column nowrap; |
| 677 | 747 | align-items: stretch; |
| 678 | 748 | justify-content: flex-start; |
| 679 | - gap:5px; | |
| 749 | + gap:1px; | |
| 680 | 750 | } |
| 681 | 751 | /* -- Items -------------------------------------------------------------------------------------------------------- */ |
| 682 | 752 | /* Default order */ |
| 683 | 753 | .wpbc_ui_el__level__folder, |
| @@ -791,14 +861,23 @@ | ||
| 791 | 861 | /* -- End Items ---------------------------------------------------------------------------------------------------- */ |
| 792 | 862 | |
| 793 | 863 | /* Row for header and buttons */ |
| 794 | 864 | .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui_el__vert_left_bar__root_sections_container { |
| 795 | - margin-top: 8px; | |
| 865 | + margin-top: 0px; | |
| 796 | 866 | } |
| 797 | 867 | .wpbc_ui_el__expand_colapse_btns { |
| 798 | 868 | padding: 0; |
| 799 | 869 | /* We shift " > Bookings " menu to the same level as this colapse button */ |
| 800 | - margin: 16px 0 -38px; | |
| 870 | + margin: 16px 0 -15px; | |
| 871 | + margin: 15px 0 0; | |
| 872 | + | |
| 873 | + margin: 0; | |
| 874 | + padding: 8px 0; | |
| 875 | + position: sticky; | |
| 876 | + top: 0px; | |
| 877 | + z-index: 2; | |
| 878 | + background: #fff; | |
| 879 | + border-bottom: 0px dashed #c2c2c2; | |
| 801 | 880 | } |
| 802 | 881 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__expand_colapse_btns { |
| 803 | 882 | margin-bottom: -22px; |
| 804 | 883 | } |
| @@ -814,9 +893,9 @@ | ||
| 814 | 893 | outline: 0; |
| 815 | 894 | } |
| 816 | 895 | .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns .wpbc_ui_el__a { |
| 817 | 896 | margin-left: auto; |
| 818 | - padding: 0 8px; | |
| 897 | + padding: 0 2px; | |
| 819 | 898 | } |
| 820 | 899 | .wpbc_settings_page_wrapper.compact .wpbc_ui_el__vert_left_bar__content .wpbc_ui_el__expand_colapse_btns { |
| 821 | 900 | justify-content: center; |
| 822 | 901 | } |
| @@ -863,9 +942,9 @@ | ||
| 863 | 942 | margin-bottom: 15px; |
| 864 | 943 | order: 1; |
| 865 | 944 | bottom: 15px; |
| 866 | 945 | /* // FixIn: 10.12.4.4. */ |
| 867 | - bottom: 25%; | |
| 946 | + bottom: 3%; | |
| 868 | 947 | box-shadow: var(--wpbc_ui__gen__panel_box-shadow); |
| 869 | 948 | box-shadow: 1px 1px 3px rgba(17,24,39,.09); |
| 870 | 949 | border-color: #00000014; |
| 871 | 950 | background: #ffffffa6; |
| @@ -920,9 +999,14 @@ | ||
| 920 | 999 | .wpbc_settings_page_wrapper.min_right .wpbc_ui_el__vert_right_bar__wrapper .wpbc_ui__right_sidebar__side_button svg path, |
| 921 | 1000 | .wpbc_settings_page_wrapper.min .wpbc_ui_el__vert_left_bar__wrapper .wpbc_ui__left_sidebar__side_button svg path{ |
| 922 | 1001 | fill: #fff; |
| 923 | 1002 | } |
| 1003 | +.wpbc_settings_page_wrapper.min .wpbc_ui_el__vert_left_bar__wrapper:hover { | |
| 1004 | + --wpbc_ui_left_vert_nav__width_min: 20px; | |
| 1005 | + cursor:pointer; | |
| 1006 | +} | |
| 924 | 1007 | |
| 1008 | + | |
| 925 | 1009 | /* == Right Sidebar ================================================================================================= */ |
| 926 | 1010 | /* Shift "#10.14.1 MultiUser (for Beta Test)" to the right. */ |
| 927 | 1011 | .wpbc_settings_page_content .wpbc_settings_path .wpbc_settings_path_el.wpbc_ui_settings__flex_container{ |
| 928 | 1012 | position:absolute; |
| @@ -985,8 +1069,9 @@ | ||
| 985 | 1069 | font-size: 12px; |
| 986 | 1070 | font-weight: 600; |
| 987 | 1071 | line-height: 1.74; |
| 988 | 1072 | text-align: center; |
| 1073 | + word-break: break-all; | |
| 989 | 1074 | } |
| 990 | 1075 | .wpbc_ui_el__vert_right_bar_compact__wrapper button.wpbc_ui_el__vert_nav_item__a.wpbc_ui_el__vert_nav_item__single{ |
| 991 | 1076 | width:100%; |
| 992 | 1077 | } |
