| @@ -90,9 +90,8 @@ | ||
| 90 | 90 | .frame-adminify-app { |
| 91 | 91 | position: fixed; |
| 92 | 92 | width: 100%; |
| 93 | 93 | height: 100%; |
| 94 | - height: 100dvh; | |
| 95 | 94 | top: 0; |
| 96 | 95 | left: 0; |
| 97 | 96 | z-index: 999; |
| 98 | 97 | } |
| @@ -115,10 +114,9 @@ | ||
| 115 | 114 | box-shadow: none; |
| 116 | 115 | } |
| 117 | 116 | #frame-adminify-app .adminify-frame-wrapper { |
| 118 | 117 | display: grid; |
| 119 | - grid-template-columns: 260px 1fr; | |
| 120 | - grid-template-columns: var(--adminify-menu-width, 260px) 1fr; | |
| 118 | + grid-template-columns: var(--adminify-menu-width) 1fr; | |
| 121 | 119 | background: var(--adminify-menu-bg); |
| 122 | 120 | transition: all 0.3s; |
| 123 | 121 | } |
| 124 | 122 | #frame-adminify-app .adminify-frame-wrapper.adminify-horizontal-menu { |
| @@ -135,12 +133,9 @@ | ||
| 135 | 133 | } |
| 136 | 134 | #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content { |
| 137 | 135 | display: flex; |
| 138 | 136 | 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)); | |
| 137 | + height: 100vh; | |
| 143 | 138 | padding-bottom: 16px; |
| 144 | 139 | position: relative; |
| 145 | 140 | } |
| 146 | 141 | #frame-adminify-app .adminify-frame-wrapper .adminify-frame-content #frame-adminify-app--iframe { |
| @@ -279,10 +274,9 @@ | ||
| 279 | 274 | } |
| 280 | 275 | } |
| 281 | 276 | .adminify-toolbar-wrapper { |
| 282 | 277 | display: grid; |
| 283 | - grid-template-columns: 260px 1fr; | |
| 284 | - grid-template-columns: var(--adminify-menu-width, 260px) 1fr; | |
| 278 | + grid-template-columns: var(--adminify-menu-width) 1fr; | |
| 285 | 279 | transition: grid-template-columns 0.3s; |
| 286 | 280 | padding: 0 1rem; |
| 287 | 281 | background: var(--adminify-menu-bg); |
| 288 | 282 | } |
| @@ -870,11 +864,8 @@ | ||
| 870 | 864 | } |
| 871 | 865 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu { |
| 872 | 866 | width: var(--adminify-menu-width); |
| 873 | 867 | 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 | 868 | transition: width 0.3s; |
| 878 | 869 | } |
| 879 | 870 | #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 | 871 | 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); |
| @@ -1126,11 +1117,8 @@ | ||
| 1126 | 1117 | } |
| 1127 | 1118 | #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 | 1119 | color: #ffa500; |
| 1129 | 1120 | } |
| 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 | 1121 | #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 | 1122 | position: inherit !important; |
| 1135 | 1123 | } |
| 1136 | 1124 | #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 { |
| @@ -1184,30 +1172,24 @@ | ||
| 1184 | 1172 | } |
| 1185 | 1173 | #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 | 1174 | position: absolute; |
| 1187 | 1175 | content: ""; |
| 1188 | - top: 0px; | |
| 1189 | - top: var(--adminify-menu-scroll-top, 0px); | |
| 1176 | + top: 0; | |
| 1190 | 1177 | left: 0; |
| 1191 | 1178 | width: 100%; |
| 1192 | 1179 | 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 | 1180 | transform: translateX(100%); |
| 1197 | 1181 | margin: 0; |
| 1198 | 1182 | padding: 16px; |
| 1199 | 1183 | padding-top: 8px; |
| 1200 | 1184 | visibility: hidden; |
| 1201 | - transition: transform 0.3s, visibility 0.3s; | |
| 1185 | + transition: all 0.3s; | |
| 1202 | 1186 | background: var(--adminify-menu-bg); |
| 1203 | 1187 | z-index: 9999; |
| 1204 | - overflow: hidden; | |
| 1188 | + overflow-y: scroll; | |
| 1205 | 1189 | } |
| 1206 | 1190 | #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 | 1191 | height: 100%; |
| 1208 | - overflow-y: auto; | |
| 1209 | - overscroll-behavior: contain; | |
| 1210 | 1192 | padding-left: 8px !important; |
| 1211 | 1193 | padding-top: 0 !important; |
| 1212 | 1194 | } |
| 1213 | 1195 | #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 { |
| @@ -1265,12 +1247,8 @@ | ||
| 1265 | 1247 | } |
| 1266 | 1248 | #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 | 1249 | margin-left: 0; |
| 1268 | 1250 | } |
| 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 | 1251 | #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 | 1252 | width: 0px; |
| 1275 | 1253 | height: 0px; |
| 1276 | 1254 | } |
| @@ -1504,9 +1482,8 @@ | ||
| 1504 | 1482 | transform: translateX(100%); |
| 1505 | 1483 | transition: transform 0.3s ease; |
| 1506 | 1484 | background: var(--adminify-submenu-wrapper-bg); |
| 1507 | 1485 | z-index: 10; |
| 1508 | - overflow: hidden; | |
| 1509 | 1486 | } |
| 1510 | 1487 | .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 | 1488 | transform: translateX(0); |
| 1512 | 1489 | } |
| @@ -1511,17 +1488,11 @@ | ||
| 1511 | 1488 | transform: translateX(0); |
| 1512 | 1489 | } |
| 1513 | 1490 | .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 | 1491 | height: 100%; |
| 1515 | - overflow-y: auto; | |
| 1516 | - overscroll-behavior: contain; | |
| 1517 | 1492 | padding-left: 8px !important; |
| 1518 | 1493 | padding-top: 0 !important; |
| 1519 | 1494 | } |
| 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 | 1495 | .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 | 1496 | margin-bottom: 12px; |
| 1526 | 1497 | } |
| 1527 | 1498 | .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 { |
| @@ -1595,45 +1566,19 @@ | ||
| 1595 | 1566 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap { |
| 1596 | 1567 | position: absolute !important; |
| 1597 | 1568 | top: 0; |
| 1598 | 1569 | left: 0; |
| 1599 | - bottom: 0; | |
| 1600 | - height: auto; | |
| 1601 | 1570 | width: 260px !important; |
| 1602 | - display: flex; | |
| 1603 | - flex-direction: column; | |
| 1604 | 1571 | transform: translateX(-100%); |
| 1605 | 1572 | transition: transform 0.4s; |
| 1606 | 1573 | z-index: 9999; |
| 1607 | 1574 | } |
| 1608 | 1575 | #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; | |
| 1576 | + height: 100vh; | |
| 1615 | 1577 | } |
| 1616 | 1578 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu { |
| 1617 | 1579 | width: 260px !important; |
| 1618 | - height: auto; | |
| 1619 | - min-height: 100%; | |
| 1620 | 1580 | } |
| 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 | 1581 | #frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-collapse { |
| 1637 | 1582 | transform: translateX(0) !important; |
| 1638 | 1583 | } |
| 1639 | 1584 | #frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu { |
| @@ -1785,11 +1730,8 @@ | ||
| 1785 | 1730 | justify-content: space-between; |
| 1786 | 1731 | gap: 4px; |
| 1787 | 1732 | min-width: 160px; |
| 1788 | 1733 | } |
| 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 | 1734 | .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 | 1735 | position: inherit !important; |
| 1794 | 1736 | } |
| 1795 | 1737 | .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 { |
| @@ -1907,14 +1849,10 @@ | ||
| 1907 | 1849 | .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper { |
| 1908 | 1850 | position: fixed; |
| 1909 | 1851 | top: 0; |
| 1910 | 1852 | left: 0; |
| 1911 | - bottom: 0; | |
| 1912 | 1853 | width: 260px; |
| 1913 | - height: 100vh; | |
| 1914 | - height: 100dvh; | |
| 1915 | - display: flex; | |
| 1916 | - flex-direction: column; | |
| 1854 | + height: 100%; | |
| 1917 | 1855 | padding: 12px 0; |
| 1918 | 1856 | padding-right: 4px; |
| 1919 | 1857 | background-color: var(--adminify-menu-bg); |
| 1920 | 1858 | border: 0; |
| @@ -1928,15 +1866,10 @@ | ||
| 1928 | 1866 | flex-wrap: nowrap; |
| 1929 | 1867 | margin: 0; |
| 1930 | 1868 | padding: 0 16px; |
| 1931 | 1869 | 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; | |
| 1870 | + height: calc(100vh - 24px); | |
| 1871 | + overflow-y: scroll; | |
| 1939 | 1872 | } |
| 1940 | 1873 | .frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item { |
| 1941 | 1874 | width: 100%; |
| 1942 | 1875 | } |
| @@ -2002,19 +1935,5 @@ | ||
| 2002 | 1935 | padding-right: 0; |
| 2003 | 1936 | border: 0; |
| 2004 | 1937 | border-top: 1px solid #dedee7; |
| 2005 | 1938 | } |
| 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 | 1939 | } |
