| @@ -1,14 +1,7 @@ | ||
| 1 | -/*!***************************************************************************************************************************************************************************************************************************************************!*\ | |
| 2 | - !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./dev/admin/frame/index.scss ***! | |
| 3 | - \***************************************************************************************************************************************************************************************************************************************************/ | |
| 4 | -body.wp-adminify { | |
| 5 | - --adminify-primary: #3a3ae9; | |
| 6 | - --adminify-preset-background: #f0f0f1; | |
| 7 | - --adminify-text-color: #fff; | |
| 8 | - --adminify-input-bg: #f1f1f3; | |
| 9 | -} | |
| 10 | - | |
| 1 | +/*!***************************************************************************************************************************************************************************************************************************************!*\ | |
| 2 | + !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-3.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-3.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[3]!./dev/admin/frame/index.scss ***! | |
| 3 | + \***************************************************************************************************************************************************************************************************************************************/ | |
| 11 | 4 | .adminify-progress { |
| 12 | 5 | position: fixed; |
| 13 | 6 | top: 0; |
| 14 | 7 | left: 0; |
| @@ -90,9 +83,8 @@ | ||
| 90 | 83 | .frame-adminify-app { |
| 91 | 84 | position: fixed; |
| 92 | 85 | width: 100%; |
| 93 | 86 | height: 100%; |
| 94 | - height: 100dvh; | |
| 95 | 87 | top: 0; |
| 96 | 88 | left: 0; |
| 97 | 89 | z-index: 999; |
| 98 | 90 | } |
| @@ -115,10 +107,9 @@ | ||
| 115 | 107 | box-shadow: none; |
| 116 | 108 | } |
| 117 | 109 | #frame-adminify-app .adminify-frame-wrapper { |
| 118 | 110 | display: grid; |
| 119 | - grid-template-columns: 260px 1fr; | |
| 120 | - grid-template-columns: var(--adminify-menu-width, 260px) 1fr; | |
| 111 | + grid-template-columns: var(--adminify-menu-width) 1fr; | |
| 121 | 112 | background: var(--adminify-menu-bg); |
| 122 | 113 | transition: all 0.3s; |
| 123 | 114 | } |
| 124 | 115 | #frame-adminify-app .adminify-frame-wrapper.adminify-horizontal-menu { |
| @@ -135,65 +126,19 @@ | ||
| 135 | 126 | } |
| 136 | 127 | #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content { |
| 137 | 128 | display: flex; |
| 138 | 129 | flex-direction: column; |
| 139 | - height: calc(100vh - 56px); | |
| 140 | - height: calc(100vh - var(--adminify-topbar-height, 56px)); | |
| 141 | - height: calc(100dvh - 56px); | |
| 142 | - height: calc(100dvh - var(--adminify-topbar-height, 56px)); | |
| 130 | + height: 100vh; | |
| 143 | 131 | padding-bottom: 16px; |
| 144 | - position: relative; | |
| 145 | 132 | } |
| 146 | 133 | #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content #frame-adminify-app--iframe { |
| 147 | 134 | border-radius: 8px; |
| 148 | 135 | border: 1px solid var(--adminify-menu-border); |
| 149 | 136 | } |
| 150 | -#frame-adminify-app .adminify-frame-wrapper .adminify-frame-content .adminify-iframe-loading-overlay { | |
| 151 | - position: absolute; | |
| 152 | - top: 0; | |
| 153 | - left: 0; | |
| 154 | - right: 0; | |
| 155 | - bottom: 16px; | |
| 156 | - background: rgba(40, 40, 40, 0.132); | |
| 157 | - display: flex; | |
| 158 | - align-items: center; | |
| 159 | - justify-content: center; | |
| 160 | - z-index: 10; | |
| 161 | - border-radius: 8px; | |
| 162 | - opacity: 0; | |
| 163 | - visibility: hidden; | |
| 164 | - transition: opacity 0.2s ease, visibility 0.2s ease; | |
| 165 | - pointer-events: none; | |
| 166 | -} | |
| 167 | -#frame-adminify-app .adminify-frame-wrapper .adminify-frame-content .adminify-iframe-loading-overlay.is-loading { | |
| 168 | - opacity: 1; | |
| 169 | - visibility: visible; | |
| 170 | - pointer-events: auto; | |
| 171 | -} | |
| 172 | -#frame-adminify-app .adminify-frame-wrapper .adminify-frame-content .adminify-loading-spinner { | |
| 173 | - width: 40px; | |
| 174 | - height: 40px; | |
| 175 | - border: 3px solid #fff; | |
| 176 | - border-top-color: var(--adminify-primary-color); | |
| 177 | - border-radius: 50%; | |
| 178 | - animation: adminify-spin 0.8s linear infinite; | |
| 179 | -} | |
| 180 | -@keyframes adminify-spin { | |
| 181 | - to { | |
| 182 | - transform: rotate(360deg); | |
| 183 | - } | |
| 184 | -} | |
| 185 | 137 | #frame-adminify-app .adminify-frame-wrapper.adminify-horizontal-menu { |
| 186 | 138 | padding: 0 16px; |
| 187 | 139 | } |
| 188 | 140 | |
| 189 | -body.wp-adminify { | |
| 190 | - --adminify-primary: #3a3ae9; | |
| 191 | - --adminify-preset-background: #f0f0f1; | |
| 192 | - --adminify-text-color: #fff; | |
| 193 | - --adminify-input-bg: #f1f1f3; | |
| 194 | -} | |
| 195 | - | |
| 196 | 141 | .frame-adminify-search-icon { |
| 197 | 142 | background: none; |
| 198 | 143 | border: none; |
| 199 | 144 | box-shadow: none; |
| @@ -227,9 +172,9 @@ | ||
| 227 | 172 | animation: frame_adminify__appear-animation 0.1s ease-out; |
| 228 | 173 | animation-fill-mode: forwards; |
| 229 | 174 | background: #fff; |
| 230 | 175 | border: 1px solid #dedee7; |
| 231 | - border-radius: "revert-rule"; | |
| 176 | + border-radius: 2px; | |
| 232 | 177 | box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1490196078), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.1490196078), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.1490196078), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.1490196078); |
| 233 | 178 | padding: 16px; |
| 234 | 179 | z-index: 100001; |
| 235 | 180 | } |
| @@ -279,10 +224,9 @@ | ||
| 279 | 224 | } |
| 280 | 225 | } |
| 281 | 226 | .adminify-toolbar-wrapper { |
| 282 | 227 | display: grid; |
| 283 | - grid-template-columns: 260px 1fr; | |
| 284 | - grid-template-columns: var(--adminify-menu-width, 260px) 1fr; | |
| 228 | + grid-template-columns: var(--adminify-menu-width) 1fr; | |
| 285 | 229 | transition: grid-template-columns 0.3s; |
| 286 | 230 | padding: 0 1rem; |
| 287 | 231 | background: var(--adminify-menu-bg); |
| 288 | 232 | } |
| @@ -335,9 +279,8 @@ | ||
| 335 | 279 | color: var(--adminify-menu-text-color); |
| 336 | 280 | background-color: transparent; |
| 337 | 281 | padding: 0; |
| 338 | 282 | font-style: normal; |
| 339 | - cursor: pointer; | |
| 340 | 283 | } |
| 341 | 284 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .wp-ui-notification.wpforms-menu-notification-counter, .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .wp-ui-notification.aioseo-menu-notification-counter { |
| 342 | 285 | display: flex; |
| 343 | 286 | justify-content: center; |
| @@ -350,62 +293,8 @@ | ||
| 350 | 293 | font-size: 16px; |
| 351 | 294 | width: 16px; |
| 352 | 295 | height: 16px; |
| 353 | 296 | } |
| 354 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .adminify-top-menu-item-has-icon img, .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a img { | |
| 355 | - width: 20px; | |
| 356 | - height: 20px; | |
| 357 | -} | |
| 358 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .ab-item { | |
| 359 | - display: flex; | |
| 360 | - align-items: center; | |
| 361 | - gap: 4px; | |
| 362 | -} | |
| 363 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .ab-icon { | |
| 364 | - display: inline-block; | |
| 365 | - width: 20px; | |
| 366 | - height: 20px; | |
| 367 | -} | |
| 368 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .ab-icon::before { | |
| 369 | - font-family: dashicons; | |
| 370 | - font-size: 20px; | |
| 371 | - line-height: 1; | |
| 372 | -} | |
| 373 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .yoast-logo { | |
| 374 | - display: inline-block; | |
| 375 | - min-width: 20px; | |
| 376 | - min-height: 20px; | |
| 377 | -} | |
| 378 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .yoast-logo.svg { | |
| 379 | - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsOiM4Mjg3OGMiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMjAzLjYgMzk1YzYuOC0xNy40IDYuOC0zNi42IDAtNTRsLTc5LjQtMjA0aDcwLjlsNDcuNyAxNDkuNCA3NC44LTIwNy42SDExNi40Yy00MS44IDAtNzYgMzQuMi03NiA3NlYzNTdjMCA0MS44IDM0LjIgNzYgNzYgNzZIMTczYzE2LTguOSAyNC42LTIyLjcgMzAuNi0zOE00NzEuNiAxNTQuOGMwLTQxLjgtMzQuMi03Ni03Ni03NmgtM0wyODUuNyAzNjVjLTkuNiAyNi43LTE5LjQgNDkuMy0zMC4zIDY4aDIxNi4yeiIvPjxwYXRoIGQ9Im0zMzggMS4zLTkzLjMgMjU5LjEtNDIuMS0xMzEuOWgtODkuMWw4My44IDIxNS4yYzYgMTUuNSA2IDMyLjUgMCA0OC03LjQgMTktMTkgMzcuMy01MyA0MS45bC03LjIgMXY3Nmg4LjNjODEuNyAwIDExOC45LTU3LjIgMTQ5LjYtMTQyLjlMNDMxLjYgMS4zek0yNzkuNCAzNjJjLTMyLjkgOTItNjcuNiAxMjguNy0xMjUuNyAxMzEuOHYtNDVjMzcuNS03LjUgNTEuMy0zMSA1OS4xLTUxLjEgNy41LTE5LjMgNy41LTQwLjcgMC02MGwtNzUtMTkyLjdoNTIuOGw1My4zIDE2Ni44IDEwNS45LTI5NGg1OC4xeiIvPjwvc3ZnPg=="); | |
| 380 | - background-position: center; | |
| 381 | - background-repeat: no-repeat; | |
| 382 | - background-size: 20px; | |
| 383 | - width: 20px; | |
| 384 | - height: 20px; | |
| 385 | -} | |
| 386 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .yoast-issue-counter { | |
| 387 | - background-color: #d63638; | |
| 388 | - border-radius: 9px; | |
| 389 | - color: #fff; | |
| 390 | - display: inline; | |
| 391 | - padding: 1px 7px 1px 6px; | |
| 392 | - font-size: 11px; | |
| 393 | - font-weight: 600; | |
| 394 | -} | |
| 395 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a .screen-reader-text, | |
| 396 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item > a ._screen-reader-text { | |
| 397 | - clip: rect(1px, 1px, 1px, 1px); | |
| 398 | - word-wrap: normal !important; | |
| 399 | - border: 0; | |
| 400 | - clip-path: inset(50%); | |
| 401 | - height: 1px; | |
| 402 | - margin: -1px; | |
| 403 | - overflow: hidden; | |
| 404 | - padding: 0; | |
| 405 | - position: absolute; | |
| 406 | - width: 1px; | |
| 407 | -} | |
| 408 | 297 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button { |
| 409 | 298 | font-size: 13px; |
| 410 | 299 | font-weight: 600; |
| 411 | 300 | color: var(--adminify-menu-text-color); |
| @@ -437,11 +326,8 @@ | ||
| 437 | 326 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item a:hover, |
| 438 | 327 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item button:hover { |
| 439 | 328 | color: var(--adminify-primary); |
| 440 | 329 | } |
| 441 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item#adminify-top-menu-trp_edit_translation > a .ab-icon::before { | |
| 442 | - content: "\f326"; | |
| 443 | -} | |
| 444 | 330 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu li.adminify-top-menu-item.adminify-hambuger button svg { |
| 445 | 331 | width: 16px; |
| 446 | 332 | height: 16px; |
| 447 | 333 | } |
| @@ -477,17 +363,14 @@ | ||
| 477 | 363 | box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); |
| 478 | 364 | border: 1px solid var(--adminify-menu-border); |
| 479 | 365 | } |
| 480 | 366 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown .adminify-top-menu-item a { |
| 481 | - padding: 0.4rem 0.7rem; | |
| 367 | + padding: 0.3rem 0.7rem; | |
| 482 | 368 | font-weight: 500; |
| 483 | 369 | } |
| 484 | 370 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown .adminify-top-menu-item a span { |
| 485 | 371 | gap: 0; |
| 486 | 372 | } |
| 487 | -.adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown .adminify-top-menu-item a:hover { | |
| 488 | - background: #f5f5f5; | |
| 489 | -} | |
| 490 | 373 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown.show { |
| 491 | 374 | display: block; |
| 492 | 375 | } |
| 493 | 376 | .adminify-toolbar-wrapper .adminify-toolbar ul.adminify-top-menu .adminify-dropdown.adminify-dropdown-submenu { |
| @@ -664,9 +547,8 @@ | ||
| 664 | 547 | visibility: hidden; |
| 665 | 548 | opacity: 0; |
| 666 | 549 | transform: scale(0.6) translateY(-20%); |
| 667 | 550 | transition: 0.3s cubic-bezier(0.2, 0, 0, 1.6); |
| 668 | - z-index: 9999999; | |
| 669 | 551 | } |
| 670 | 552 | .adminify-toolbar-wrapper .adminify-toolbar .adminify-admin-bar-top-secondary .wp-adminify--user--account .wp-adminify--user--wrapper::before { |
| 671 | 553 | content: ""; |
| 672 | 554 | position: absolute; |
| @@ -782,11 +664,8 @@ | ||
| 782 | 664 | } |
| 783 | 665 | .adminify-toolbar-wrapper .frame-adminify-logo { |
| 784 | 666 | overflow: visible; |
| 785 | 667 | } |
| 786 | - .adminify-toolbar-wrapper .frame-adminify-logo a .adminify-logo-text { | |
| 787 | - display: none !important; | |
| 788 | - } | |
| 789 | 668 | .adminify-toolbar-wrapper .frame-adminify-logo .adminify-mini-logo { |
| 790 | 669 | display: block !important; |
| 791 | 670 | } |
| 792 | 671 | .adminify-toolbar-wrapper .frame-adminify-logo .adminify-logo { |
| @@ -816,47 +695,8 @@ | ||
| 816 | 695 | background: var(--adminify-menu-bg); |
| 817 | 696 | transition: all 0.3s; |
| 818 | 697 | padding-right: 3px; |
| 819 | 698 | } |
| 820 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search { | |
| 821 | - display: flex; | |
| 822 | - align-items: center; | |
| 823 | - gap: 4px; | |
| 824 | - padding: 4px 12px; | |
| 825 | - margin: 4px; | |
| 826 | - background: #fff; | |
| 827 | - background: var(--adminify-menu-bg, #fff); | |
| 828 | - border: 1px solid #e2e8f0; | |
| 829 | - border-radius: 6px; | |
| 830 | -} | |
| 831 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-icon { | |
| 832 | - flex-shrink: 0; | |
| 833 | - color: #94a3b8; | |
| 834 | - width: 16px; | |
| 835 | - height: 16px; | |
| 836 | -} | |
| 837 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input { | |
| 838 | - width: 100%; | |
| 839 | - border: 1px solid transparent; | |
| 840 | - outline: none; | |
| 841 | - background: transparent; | |
| 842 | - font-size: 13px; | |
| 843 | - color: #334155; | |
| 844 | - color: var(--adminify-menu-text-color, #334155); | |
| 845 | - line-height: 1.4; | |
| 846 | - padding: 2px 4px; | |
| 847 | - border-radius: 4px; | |
| 848 | -} | |
| 849 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input::-moz-placeholder { | |
| 850 | - color: #94a3b8; | |
| 851 | -} | |
| 852 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input::placeholder { | |
| 853 | - color: #94a3b8; | |
| 854 | -} | |
| 855 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-menu-search .frame-adminify-menu-search-input:focus { | |
| 856 | - border: none !important; | |
| 857 | - box-shadow: none !important; | |
| 858 | -} | |
| 859 | 699 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap ul { |
| 860 | 700 | margin: 0; |
| 861 | 701 | } |
| 862 | 702 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap ul li { |
| @@ -866,16 +706,15 @@ | ||
| 866 | 706 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper { |
| 867 | 707 | position: relative; |
| 868 | 708 | overflow-y: scroll; |
| 869 | 709 | overflow-x: hidden; |
| 710 | + visibility: hidden; | |
| 870 | 711 | } |
| 871 | 712 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu { |
| 872 | 713 | width: var(--adminify-menu-width); |
| 873 | 714 | height: calc(100vh - 78px); |
| 874 | - height: calc(100vh - var(--adminify-sidebar-offset, 78px)); | |
| 875 | - height: calc(100dvh - 78px); | |
| 876 | - height: calc(100dvh - var(--adminify-sidebar-offset, 78px)); | |
| 877 | 715 | transition: width 0.3s; |
| 716 | + visibility: visible; | |
| 878 | 717 | } |
| 879 | 718 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu { |
| 880 | 719 | padding: var(--adminify-menu-wrapper-padding-top) var(--adminify-menu-wrapper-padding-right) var(--adminify-menu-wrapper-padding-bottom) var(--adminify-menu-wrapper-padding-left); |
| 881 | 720 | } |
| @@ -888,9 +727,9 @@ | ||
| 888 | 727 | align-items: center; |
| 889 | 728 | justify-content: space-between; |
| 890 | 729 | gap: 10px; |
| 891 | 730 | padding: 6px 14px; |
| 892 | - border-radius: "revert-rule"; | |
| 731 | + border-radius: 2px; | |
| 893 | 732 | font-size: var(--adminify-menu-font-size); |
| 894 | 733 | line-height: var(--adminify-menu-line-height); |
| 895 | 734 | letter-spacing: var(--adminify-menu-letter-spacing); |
| 896 | 735 | color: var(--adminify-menu-text-color); |
| @@ -951,31 +790,24 @@ | ||
| 951 | 790 | } |
| 952 | 791 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name { |
| 953 | 792 | display: flex; |
| 954 | 793 | align-items: center; |
| 955 | - gap: 8px; | |
| 794 | + gap: 12px; | |
| 956 | 795 | width: -moz-max-content; |
| 957 | 796 | width: max-content; |
| 958 | 797 | } |
| 959 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name > span { | |
| 960 | - background: #5b5bf7; | |
| 961 | - background: var(--adminify-notif-bg-color, #5b5bf7); | |
| 962 | - color: #fff; | |
| 963 | - color: var(--adminify-notif-color, #fff); | |
| 964 | - font-size: 11px; | |
| 965 | - font-weight: 600; | |
| 966 | - line-height: 0; | |
| 967 | - min-width: 18px; | |
| 968 | - height: 18px; | |
| 969 | - padding: 0 5px; | |
| 970 | - border-radius: 9px; | |
| 971 | - display: inline-flex; | |
| 798 | +#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child { | |
| 799 | + background: var(--adminify-notif-bg-color); | |
| 800 | + color: var(--adminify-notif-color); | |
| 801 | + font-size: 12px; | |
| 802 | + width: 16px; | |
| 803 | + height: 16px; | |
| 804 | + border-radius: 50%; | |
| 805 | + display: flex; | |
| 972 | 806 | align-items: center; |
| 973 | 807 | justify-content: center; |
| 974 | - position: inherit !important; | |
| 975 | - box-sizing: border-box; | |
| 976 | 808 | } |
| 977 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name > span.count-0 { | |
| 809 | +#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child.count-0 { | |
| 978 | 810 | display: none; |
| 979 | 811 | } |
| 980 | 812 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item > a .dashicons-arrow-right-alt2 { |
| 981 | 813 | display: flex; |
| @@ -1107,33 +939,21 @@ | ||
| 1107 | 939 | color: var(--adminify-submenu-text-hover-color); |
| 1108 | 940 | background: var(--adminify-submenu-hover-bg); |
| 1109 | 941 | } |
| 1110 | 942 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a .update-plugins { |
| 1111 | - background: #5b5bf7; | |
| 1112 | - background: var(--adminify-notif-bg-color, #5b5bf7); | |
| 1113 | - color: #fff; | |
| 1114 | - color: var(--adminify-notif-color, #fff); | |
| 1115 | - font-size: 11px; | |
| 1116 | - font-weight: 600; | |
| 1117 | - line-height: 0; | |
| 1118 | - min-width: 18px; | |
| 1119 | - height: 18px; | |
| 1120 | - padding: 0 5px; | |
| 1121 | - border-radius: 9px; | |
| 943 | + background: var(--adminify-notif-bg-color); | |
| 944 | + color: var(--adminify-notif-color); | |
| 945 | + font-size: 12px; | |
| 946 | + width: 16px; | |
| 947 | + height: 16px; | |
| 948 | + border-radius: 50%; | |
| 1122 | 949 | display: flex; |
| 1123 | 950 | align-items: center; |
| 1124 | 951 | justify-content: center; |
| 1125 | - box-sizing: border-box; | |
| 1126 | 952 | } |
| 1127 | 953 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a .adminify-addons-text { |
| 1128 | 954 | color: #ffa500; |
| 1129 | 955 | } |
| 1130 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a span[style*=color] { | |
| 1131 | - color: inherit !important; | |
| 1132 | -} | |
| 1133 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item > a :last-child { | |
| 1134 | - position: inherit !important; | |
| 1135 | -} | |
| 1136 | 956 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu ul.frame-adminify-admin-menu li.frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item.frame-adminify--submenu-active > a { |
| 1137 | 957 | color: var(--adminify-submenu-active-color); |
| 1138 | 958 | background: var(--adminify-submenu-active-bg); |
| 1139 | 959 | } |
| @@ -1171,8 +991,11 @@ | ||
| 1171 | 991 | } |
| 1172 | 992 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper::-webkit-scrollbar-thumb { |
| 1173 | 993 | background-color: #a8a9ac; |
| 1174 | 994 | } |
| 995 | +#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper:hover { | |
| 996 | + visibility: visible; | |
| 997 | +} | |
| 1175 | 998 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap hr.frame-adminify-menu-separator { |
| 1176 | 999 | margin: 0; |
| 1177 | 1000 | margin-top: var(--adminify-menu-vertical-padding); |
| 1178 | 1001 | border: 0; |
| @@ -1184,30 +1007,24 @@ | ||
| 1184 | 1007 | } |
| 1185 | 1008 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper { |
| 1186 | 1009 | position: absolute; |
| 1187 | 1010 | content: ""; |
| 1188 | - top: 0px; | |
| 1189 | - top: var(--adminify-menu-scroll-top, 0px); | |
| 1011 | + top: 0; | |
| 1190 | 1012 | left: 0; |
| 1191 | 1013 | width: 100%; |
| 1192 | 1014 | height: calc(100vh - 78px); |
| 1193 | - height: calc(100vh - var(--adminify-sidebar-offset, 78px)); | |
| 1194 | - height: calc(100dvh - 78px); | |
| 1195 | - height: calc(100dvh - var(--adminify-sidebar-offset, 78px)); | |
| 1196 | 1015 | transform: translateX(100%); |
| 1197 | 1016 | margin: 0; |
| 1198 | 1017 | padding: 16px; |
| 1199 | 1018 | padding-top: 8px; |
| 1200 | 1019 | visibility: hidden; |
| 1201 | - transition: transform 0.3s, visibility 0.3s; | |
| 1020 | + transition: all 0.3s; | |
| 1202 | 1021 | background: var(--adminify-menu-bg); |
| 1203 | 1022 | z-index: 9999; |
| 1204 | - overflow: hidden; | |
| 1023 | + overflow-y: scroll; | |
| 1205 | 1024 | } |
| 1206 | 1025 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu { |
| 1207 | 1026 | height: 100%; |
| 1208 | - overflow-y: auto; | |
| 1209 | - overscroll-behavior: contain; | |
| 1210 | 1027 | padding-left: 8px !important; |
| 1211 | 1028 | padding-top: 0 !important; |
| 1212 | 1029 | } |
| 1213 | 1030 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step { |
| @@ -1243,23 +1060,17 @@ | ||
| 1243 | 1060 | gap: 8px; |
| 1244 | 1061 | word-wrap: break-word; |
| 1245 | 1062 | } |
| 1246 | 1063 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-two-step .frame-adminify-two-step-title h2 .update-plugins { |
| 1247 | - background: #5b5bf7; | |
| 1248 | - background: var(--adminify-notif-bg-color, #5b5bf7); | |
| 1249 | - color: #fff; | |
| 1250 | - color: var(--adminify-notif-color, #fff); | |
| 1251 | - font-size: 11px; | |
| 1252 | - font-weight: 600; | |
| 1253 | - line-height: 0; | |
| 1254 | - min-width: 18px; | |
| 1255 | - height: 18px; | |
| 1256 | - padding: 0 5px; | |
| 1257 | - border-radius: 9px; | |
| 1064 | + background: var(--adminify-notif-bg-color); | |
| 1065 | + color: var(--adminify-notif-color); | |
| 1066 | + font-size: 12px; | |
| 1067 | + width: 16px; | |
| 1068 | + height: 16px; | |
| 1069 | + border-radius: 50%; | |
| 1258 | 1070 | display: flex; |
| 1259 | 1071 | align-items: center; |
| 1260 | 1072 | justify-content: center; |
| 1261 | - box-sizing: border-box; | |
| 1262 | 1073 | } |
| 1263 | 1074 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item { |
| 1264 | 1075 | margin-left: 20px; |
| 1265 | 1076 | } |
| @@ -1265,12 +1076,8 @@ | ||
| 1265 | 1076 | } |
| 1266 | 1077 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu .frame-adminify-submenu-item:first-child { |
| 1267 | 1078 | margin-left: 0; |
| 1268 | 1079 | } |
| 1269 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper .frame-adminify-submenu::-webkit-scrollbar { | |
| 1270 | - width: 0px; | |
| 1271 | - height: 0px; | |
| 1272 | -} | |
| 1273 | 1080 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper::-webkit-scrollbar { |
| 1274 | 1081 | width: 0px; |
| 1275 | 1082 | height: 0px; |
| 1276 | 1083 | } |
| @@ -1369,11 +1176,8 @@ | ||
| 1369 | 1176 | } |
| 1370 | 1177 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a { |
| 1371 | 1178 | border-radius: 3rem 0 0 3rem; |
| 1372 | 1179 | } |
| 1373 | -#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a .dashicons-arrow-right-alt2, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a .dashicons-arrow-right-alt2 { | |
| 1374 | - display: none; | |
| 1375 | -} | |
| 1376 | 1180 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::after, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::after { |
| 1377 | 1181 | position: absolute; |
| 1378 | 1182 | content: ""; |
| 1379 | 1183 | top: -35px; |
| @@ -1392,10 +1196,9 @@ | ||
| 1392 | 1196 | transition: all 0.2s; |
| 1393 | 1197 | } |
| 1394 | 1198 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-active > a::before, #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a::before { |
| 1395 | 1199 | position: absolute; |
| 1396 | - top: auto; | |
| 1397 | - bottom: -35px; | |
| 1200 | + top: 32px; | |
| 1398 | 1201 | right: 0; |
| 1399 | 1202 | content: ""; |
| 1400 | 1203 | visibility: visible; |
| 1401 | 1204 | width: 35px; |
| @@ -1419,221 +1222,24 @@ | ||
| 1419 | 1222 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.frame-adminify-menu-mode-rounded:not(#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]) .frame-adminify-admin-menu-wrapper .frame-adminify-admin-menu .frame-adminify-menu-item.frame-adminify--menu-show > a .frame-adminify-menu-item-wrap .frame-adminify-menu-image[style] { |
| 1420 | 1223 | background-color: var(--adminify-menu-active-color) !important; |
| 1421 | 1224 | } |
| 1422 | 1225 | |
| 1423 | -.frame-adminify-submenu-item.frame-adminify-has-third-level { | |
| 1424 | - position: relative; | |
| 1425 | -} | |
| 1426 | -.frame-adminify-submenu-item.frame-adminify-has-third-level > a { | |
| 1427 | - display: flex; | |
| 1428 | - align-items: center; | |
| 1429 | - justify-content: space-between; | |
| 1430 | - width: 100% !important; | |
| 1431 | -} | |
| 1432 | -.frame-adminify-submenu-item.frame-adminify-has-third-level > a .frame-adminify-third-level-arrow { | |
| 1433 | - font-size: 14px; | |
| 1434 | - transition: transform 0.2s ease; | |
| 1435 | - margin-left: auto; | |
| 1436 | - display: flex; | |
| 1437 | - align-items: center; | |
| 1438 | - justify-content: center; | |
| 1439 | -} | |
| 1440 | -.frame-adminify-submenu-item.frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow { | |
| 1441 | - transform: rotate(90deg); | |
| 1442 | -} | |
| 1443 | - | |
| 1444 | -.frame-adminify-third-level-wrapper { | |
| 1445 | - overflow: hidden; | |
| 1446 | - transition: height 0.3s ease; | |
| 1447 | -} | |
| 1448 | -.frame-adminify-third-level-wrapper .frame-adminify-third-level-menu { | |
| 1449 | - padding: 0; | |
| 1450 | - margin: 0; | |
| 1451 | - list-style: none; | |
| 1452 | -} | |
| 1453 | - | |
| 1454 | -.frame-adminify-third-level-menu { | |
| 1455 | - padding: 0; | |
| 1456 | - margin: 0; | |
| 1457 | - list-style: none; | |
| 1458 | - background: rgba(0, 0, 0, 0.03); | |
| 1459 | - background: var(--adminify-submenu-wrapper-bg, rgba(0, 0, 0, 0.03)); | |
| 1460 | - border-radius: 4px; | |
| 1461 | - margin-top: 4px; | |
| 1462 | -} | |
| 1463 | -.frame-adminify-third-level-menu .frame-adminify-third-level-item { | |
| 1464 | - margin: 0; | |
| 1465 | -} | |
| 1466 | -.frame-adminify-third-level-menu .frame-adminify-third-level-item a { | |
| 1467 | - display: block; | |
| 1468 | - padding: 8px 12px 8px 20px; | |
| 1469 | - color: #666; | |
| 1470 | - color: var(--adminify-submenu-text-color, #666); | |
| 1471 | - font-size: 13px; | |
| 1472 | - -webkit-text-decoration: none; | |
| 1473 | - text-decoration: none; | |
| 1474 | - transition: all 0.2s ease; | |
| 1475 | - border-left: 2px solid transparent; | |
| 1476 | -} | |
| 1477 | -.frame-adminify-third-level-menu .frame-adminify-third-level-item a:hover { | |
| 1478 | - background: rgba(0, 0, 0, 0.05); | |
| 1479 | - background: var(--adminify-submenu-hover-bg, rgba(0, 0, 0, 0.05)); | |
| 1480 | - color: #333; | |
| 1481 | - color: var(--adminify-submenu-text-hover-color, #333); | |
| 1482 | - border-left-color: #5c6ac4; | |
| 1483 | - border-left-color: var(--adminify-primary, #5c6ac4); | |
| 1484 | -} | |
| 1485 | -.frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active a { | |
| 1486 | - background: rgba(0, 0, 0, 0.08); | |
| 1487 | - background: var(--adminify-submenu-active-bg, rgba(0, 0, 0, 0.08)); | |
| 1488 | - color: #333; | |
| 1489 | - color: var(--adminify-submenu-active-color, #333); | |
| 1490 | - border-left-color: #5c6ac4; | |
| 1491 | - border-left-color: var(--adminify-primary, #5c6ac4); | |
| 1492 | - font-weight: 500; | |
| 1493 | -} | |
| 1494 | - | |
| 1495 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper { | |
| 1496 | - position: relative; | |
| 1497 | -} | |
| 1498 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container { | |
| 1499 | - position: absolute; | |
| 1500 | - top: 0; | |
| 1501 | - left: 0; | |
| 1502 | - width: 100%; | |
| 1503 | - height: 100%; | |
| 1504 | - transform: translateX(100%); | |
| 1505 | - transition: transform 0.3s ease; | |
| 1506 | - background: var(--adminify-submenu-wrapper-bg); | |
| 1507 | - z-index: 10; | |
| 1508 | - overflow: hidden; | |
| 1509 | -} | |
| 1510 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container.frame-adminify-third-level-visible { | |
| 1511 | - transform: translateX(0); | |
| 1512 | -} | |
| 1513 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel { | |
| 1514 | - height: 100%; | |
| 1515 | - overflow-y: auto; | |
| 1516 | - overscroll-behavior: contain; | |
| 1517 | - padding-left: 8px !important; | |
| 1518 | - padding-top: 0 !important; | |
| 1519 | -} | |
| 1520 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel::-webkit-scrollbar { | |
| 1521 | - width: 0px; | |
| 1522 | - height: 0px; | |
| 1523 | -} | |
| 1524 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step { | |
| 1525 | - margin-bottom: 12px; | |
| 1526 | -} | |
| 1527 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title { | |
| 1528 | - display: flex; | |
| 1529 | - align-items: center; | |
| 1530 | - gap: 6px; | |
| 1531 | - width: auto; | |
| 1532 | - cursor: pointer; | |
| 1533 | -} | |
| 1534 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow { | |
| 1535 | - display: flex; | |
| 1536 | - align-items: center; | |
| 1537 | - justify-content: center; | |
| 1538 | - color: var(--adminify-menu-text-color); | |
| 1539 | - padding: 4px; | |
| 1540 | -} | |
| 1541 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title .frame-adminify-arrow::before { | |
| 1542 | - font-size: 18px; | |
| 1543 | - font-weight: 600; | |
| 1544 | -} | |
| 1545 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-two-step .frame-adminify-two-step-title h2 { | |
| 1546 | - line-height: 1.4; | |
| 1547 | - margin: 0px; | |
| 1548 | - text-wrap: pretty; | |
| 1549 | - color: var(--adminify-menu-text-color); | |
| 1550 | - font-size: 20px; | |
| 1551 | - font-weight: 600; | |
| 1552 | - display: flex; | |
| 1553 | - align-items: center; | |
| 1554 | - gap: 8px; | |
| 1555 | - word-wrap: break-word; | |
| 1556 | -} | |
| 1557 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-third-level-item { | |
| 1558 | - margin-left: 20px; | |
| 1559 | -} | |
| 1560 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-third-level-panel-container .frame-adminify-third-level-panel .frame-adminify-third-level-item a { | |
| 1561 | - padding-left: 10px; | |
| 1562 | - border-left: none; | |
| 1563 | -} | |
| 1564 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu { | |
| 1565 | - transition: transform 0.3s ease; | |
| 1566 | -} | |
| 1567 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-submenu-wrapper .frame-adminify-submenu.frame-adminify-submenu-slide-left { | |
| 1568 | - transform: translateX(-100%); | |
| 1569 | -} | |
| 1570 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a .frame-adminify-third-level-arrow { | |
| 1571 | - opacity: 0.7; | |
| 1572 | -} | |
| 1573 | -.frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-has-third-level > a:hover .frame-adminify-third-level-arrow { | |
| 1574 | - opacity: 1; | |
| 1575 | -} | |
| 1576 | - | |
| 1577 | -.frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu, | |
| 1578 | -.frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu { | |
| 1579 | - background: transparent; | |
| 1580 | - margin-top: 0; | |
| 1581 | - border-radius: 0; | |
| 1582 | - padding-left: 8px; | |
| 1583 | -} | |
| 1584 | -.frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a, | |
| 1585 | -.frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a { | |
| 1586 | - padding: 6px 12px 6px 16px; | |
| 1587 | - font-size: 12px; | |
| 1588 | -} | |
| 1589 | -.frame-adminify-sidebar-wrap[data-menu-mode=accordion] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow, | |
| 1590 | -.frame-adminify-sidebar-wrap[data-menu-mode=toggle] .frame-adminify-has-third-level.frame-adminify--third-level-show > a .frame-adminify-third-level-arrow { | |
| 1591 | - transform: rotate(90deg); | |
| 1592 | -} | |
| 1593 | - | |
| 1594 | 1226 | @media screen and (max-width: 992px) { |
| 1595 | 1227 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap { |
| 1596 | 1228 | position: absolute !important; |
| 1597 | 1229 | top: 0; |
| 1598 | 1230 | left: 0; |
| 1599 | - bottom: 0; | |
| 1600 | - height: auto; | |
| 1601 | 1231 | width: 260px !important; |
| 1602 | - display: flex; | |
| 1603 | - flex-direction: column; | |
| 1604 | 1232 | transform: translateX(-100%); |
| 1605 | 1233 | transition: transform 0.4s; |
| 1606 | 1234 | z-index: 9999; |
| 1607 | 1235 | } |
| 1608 | 1236 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper { |
| 1609 | - flex: 1 1 auto; | |
| 1610 | - min-height: 0; | |
| 1611 | - height: auto; | |
| 1612 | - overflow-y: auto; | |
| 1613 | - overscroll-behavior: contain; | |
| 1614 | - -webkit-overflow-scrolling: touch; | |
| 1237 | + height: 100vh; | |
| 1615 | 1238 | } |
| 1616 | 1239 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu { |
| 1617 | 1240 | width: 260px !important; |
| 1618 | - height: auto; | |
| 1619 | - min-height: 100%; | |
| 1620 | 1241 | } |
| 1621 | - #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper ul.frame-adminify-admin-menu { | |
| 1622 | - padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); | |
| 1623 | - padding-bottom: calc(var(--adminify-menu-wrapper-padding-bottom, 16px) + env(safe-area-inset-bottom, 0px)); | |
| 1624 | - } | |
| 1625 | - #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step] .frame-adminify-admin-menu .frame-adminify-menu-item .frame-adminify-submenu-wrapper { | |
| 1626 | - top: 0px; | |
| 1627 | - top: var(--adminify-menu-scroll-top, 0px); | |
| 1628 | - bottom: auto; | |
| 1629 | - height: 100%; | |
| 1630 | - height: var(--adminify-menu-viewport-height, 100%); | |
| 1631 | - } | |
| 1632 | - #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap[data-menu-mode=two_step]:has(.frame-adminify--menu-show):not(.adminify-sidebar-folded) .frame-adminify-admin-menu-wrapper { | |
| 1633 | - height: auto; | |
| 1634 | - overflow-y: hidden; | |
| 1635 | - } | |
| 1636 | 1242 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-collapse { |
| 1637 | 1243 | transform: translateX(0) !important; |
| 1638 | 1244 | } |
| 1639 | 1245 | #frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu { |
| @@ -1736,9 +1342,8 @@ | ||
| 1736 | 1342 | border-radius: 50%; |
| 1737 | 1343 | display: flex; |
| 1738 | 1344 | align-items: center; |
| 1739 | 1345 | justify-content: center; |
| 1740 | - position: inherit !important; | |
| 1741 | 1346 | } |
| 1742 | 1347 | .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item > a .frame-adminify-menu-item-wrap .frame-adminify-menu-item-name :last-child.count-0 { |
| 1743 | 1348 | display: none; |
| 1744 | 1349 | } |
| @@ -1771,9 +1376,8 @@ | ||
| 1771 | 1376 | border: 1px solid var(--adminify-menu-border); |
| 1772 | 1377 | } |
| 1773 | 1378 | .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item { |
| 1774 | 1379 | margin: 0; |
| 1775 | - position: relative; | |
| 1776 | 1380 | } |
| 1777 | 1381 | .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a { |
| 1778 | 1382 | color: var(--adminify-menu-text-color); |
| 1779 | 1383 | padding: 2px 1rem; |
| @@ -1781,82 +1385,17 @@ | ||
| 1781 | 1385 | line-height: 28px; |
| 1782 | 1386 | font-weight: 500; |
| 1783 | 1387 | display: flex; |
| 1784 | 1388 | align-items: center; |
| 1785 | - justify-content: space-between; | |
| 1786 | 1389 | gap: 4px; |
| 1787 | 1390 | min-width: 160px; |
| 1788 | 1391 | } |
| 1789 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a span[style*=color] { | |
| 1790 | - color: inherit !important; | |
| 1791 | -} | |
| 1792 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a :last-child { | |
| 1793 | - position: inherit !important; | |
| 1794 | -} | |
| 1795 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a .frame-adminify-third-level-arrow { | |
| 1796 | - display: flex; | |
| 1797 | - align-items: center; | |
| 1798 | - margin-left: auto; | |
| 1799 | -} | |
| 1800 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a .frame-adminify-third-level-arrow svg { | |
| 1801 | - width: 10px; | |
| 1802 | - height: 10px; | |
| 1803 | -} | |
| 1804 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item a .frame-adminify-third-level-arrow svg path { | |
| 1805 | - fill: var(--adminify-menu-text-color); | |
| 1806 | -} | |
| 1807 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item:hover > a { | |
| 1392 | +.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item:hover a { | |
| 1808 | 1393 | color: var(--adminify-primary); |
| 1809 | 1394 | } |
| 1810 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item:hover > a .frame-adminify-third-level-arrow svg path { | |
| 1811 | - fill: var(--adminify-primary); | |
| 1812 | -} | |
| 1813 | 1395 | .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .adminify-addons-text { |
| 1814 | 1396 | color: #ffa500; |
| 1815 | 1397 | } |
| 1816 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper { | |
| 1817 | - display: none; | |
| 1818 | - position: absolute; | |
| 1819 | - top: -12px; | |
| 1820 | - left: 100%; | |
| 1821 | - padding-left: 4px; | |
| 1822 | - z-index: 1000; | |
| 1823 | -} | |
| 1824 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu { | |
| 1825 | - display: flex; | |
| 1826 | - flex-direction: column; | |
| 1827 | - padding: 12px 0; | |
| 1828 | - margin: 0; | |
| 1829 | - background: var(--adminify-menu-bg); | |
| 1830 | - border-radius: 2px; | |
| 1831 | - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); | |
| 1832 | - border: 1px solid var(--adminify-menu-border); | |
| 1833 | - list-style: none; | |
| 1834 | -} | |
| 1835 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item { | |
| 1836 | - margin: 0; | |
| 1837 | -} | |
| 1838 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item a { | |
| 1839 | - color: var(--adminify-menu-text-color); | |
| 1840 | - padding: 2px 1rem; | |
| 1841 | - font-size: 13px; | |
| 1842 | - line-height: 28px; | |
| 1843 | - font-weight: 500; | |
| 1844 | - display: block; | |
| 1845 | - min-width: 140px; | |
| 1846 | - white-space: nowrap; | |
| 1847 | - -webkit-text-decoration: none; | |
| 1848 | - text-decoration: none; | |
| 1849 | -} | |
| 1850 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item:hover a { | |
| 1851 | - color: var(--adminify-primary); | |
| 1852 | -} | |
| 1853 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu .frame-adminify-third-level-item.frame-adminify--third-level-active a { | |
| 1854 | - color: var(--adminify-primary); | |
| 1855 | -} | |
| 1856 | -.adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu li.frame-adminify-submenu-item.frame-adminify-has-third-level:hover .frame-adminify-third-level-wrapper { | |
| 1857 | - display: block; | |
| 1858 | -} | |
| 1859 | 1398 | .adminify-horizontal-menu-wrapper > ul li.frame-adminify-menu-item .frame-adminify-submenu-wrapper::before { |
| 1860 | 1399 | content: ""; |
| 1861 | 1400 | position: absolute; |
| 1862 | 1401 | height: 12px; |
| @@ -1907,14 +1446,10 @@ | ||
| 1907 | 1446 | .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper { |
| 1908 | 1447 | position: fixed; |
| 1909 | 1448 | top: 0; |
| 1910 | 1449 | left: 0; |
| 1911 | - bottom: 0; | |
| 1912 | 1450 | width: 260px; |
| 1913 | - height: 100vh; | |
| 1914 | - height: 100dvh; | |
| 1915 | - display: flex; | |
| 1916 | - flex-direction: column; | |
| 1451 | + height: 100%; | |
| 1917 | 1452 | padding: 12px 0; |
| 1918 | 1453 | padding-right: 4px; |
| 1919 | 1454 | background-color: var(--adminify-menu-bg); |
| 1920 | 1455 | border: 0; |
| @@ -1928,15 +1463,10 @@ | ||
| 1928 | 1463 | flex-wrap: nowrap; |
| 1929 | 1464 | margin: 0; |
| 1930 | 1465 | padding: 0 16px; |
| 1931 | 1466 | padding-right: 12px; |
| 1932 | - padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); | |
| 1933 | - flex: 1 1 auto; | |
| 1934 | - min-height: 0; | |
| 1935 | - height: auto; | |
| 1936 | - overflow-y: auto; | |
| 1937 | - overscroll-behavior: contain; | |
| 1938 | - -webkit-overflow-scrolling: touch; | |
| 1467 | + height: calc(100vh - 24px); | |
| 1468 | + overflow-y: scroll; | |
| 1939 | 1469 | } |
| 1940 | 1470 | .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item { |
| 1941 | 1471 | width: 100%; |
| 1942 | 1472 | } |
| @@ -1949,24 +1479,8 @@ | ||
| 1949 | 1479 | box-shadow: none; |
| 1950 | 1480 | border: 0; |
| 1951 | 1481 | padding-top: 8px; |
| 1952 | 1482 | } |
| 1953 | - .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu .frame-adminify-submenu-item .frame-adminify-third-level-wrapper { | |
| 1954 | - position: relative; | |
| 1955 | - top: 0; | |
| 1956 | - left: 0; | |
| 1957 | - padding-left: 0; | |
| 1958 | - height: 0; | |
| 1959 | - overflow: hidden; | |
| 1960 | - } | |
| 1961 | - .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu .frame-adminify-submenu-item .frame-adminify-third-level-wrapper .frame-adminify-third-level-menu { | |
| 1962 | - box-shadow: none; | |
| 1963 | - border: 0; | |
| 1964 | - padding: 8px 0 8px 16px; | |
| 1965 | - } | |
| 1966 | - .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper ul.frame-adminify-submenu .frame-adminify-submenu-item.frame-adminify-has-third-level:hover .frame-adminify-third-level-wrapper { | |
| 1967 | - height: auto; | |
| 1968 | - } | |
| 1969 | 1483 | .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item .frame-adminify-submenu-wrapper::before { |
| 1970 | 1484 | display: none; |
| 1971 | 1485 | } |
| 1972 | 1486 | .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item.frame-adminify-has-submenu.frame-adminify--menu-active .frame-adminify-submenu-wrapper { |
| @@ -2002,19 +1516,5 @@ | ||
| 2002 | 1516 | padding-right: 0; |
| 2003 | 1517 | border: 0; |
| 2004 | 1518 | border-top: 1px solid #dedee7; |
| 2005 | 1519 | } |
| 2006 | -} | |
| 2007 | -body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app .adminify-frame-content, | |
| 2008 | -body.wp-adminify.adminify-ui.post-php #frame-adminify-app .adminify-frame-content, | |
| 2009 | -body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app .adminify-frame-content { | |
| 2010 | - padding-top: 0; | |
| 2011 | -} | |
| 2012 | -body.wp-adminify.adminify-ui.block-editor-page #frame-adminify-app--iframe, | |
| 2013 | -body.wp-adminify.adminify-ui.post-php #frame-adminify-app--iframe, | |
| 2014 | -body.wp-adminify.adminify-ui.post-new-php #frame-adminify-app--iframe { | |
| 2015 | - border-top: 0; | |
| 2016 | - border-left: 0; | |
| 2017 | - border-top-left-radius: 0; | |
| 2018 | - border-top-right-radius: 0; | |
| 2019 | - border-bottom-left-radius: 0; | |
| 2020 | 1520 | } |
