← All changes | assets/admin/css/admin.css +64 -9 4.2.25 → 4.3.2 View file →

		@@ -227,9 +227,9 @@
227	227	animation: frame_adminify__appear-animation 0.1s ease-out;
228	228	animation-fill-mode: forwards;
229	229	background: #fff;
230	230	border: 1px solid #dedee7;
231		- border-radius: 2px;
	231	+ border-radius: "revert-rule";
232	232	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	233	padding: 16px;
234	234	z-index: 100001;
235	235	}
		@@ -870,8 +870,11 @@
870	870	}
871	871	#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
872	872	width: var(--adminify-menu-width);
873	873	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));
874	877	transition: width 0.3s;
875	878	}
876	879	#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 {
877	880	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);
		@@ -885,9 +888,9 @@
885	888	align-items: center;
886	889	justify-content: space-between;
887	890	gap: 10px;
888	891	padding: 6px 14px;
889		- border-radius: 2px;
	892	+ border-radius: "revert-rule";
890	893	font-size: var(--adminify-menu-font-size);
891	894	line-height: var(--adminify-menu-line-height);
892	895	letter-spacing: var(--adminify-menu-letter-spacing);
893	896	color: var(--adminify-menu-text-color);
		@@ -1181,24 +1184,30 @@
1181	1184	}
1182	1185	#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 {
1183	1186	position: absolute;
1184	1187	content: "";
1185		- top: 0;
	1188	+ top: 0px;
	1189	+ top: var(--adminify-menu-scroll-top, 0px);
1186	1190	left: 0;
1187	1191	width: 100%;
1188	1192	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));
1189	1196	transform: translateX(100%);
1190	1197	margin: 0;
1191	1198	padding: 16px;
1192	1199	padding-top: 8px;
1193	1200	visibility: hidden;
1194		- transition: all 0.3s;
	1201	+ transition: transform 0.3s, visibility 0.3s;
1195	1202	background: var(--adminify-menu-bg);
1196	1203	z-index: 9999;
1197		- overflow-y: scroll;
	1204	+ overflow: hidden;
1198	1205	}
1199	1206	#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 {
1200	1207	height: 100%;
	1208	+ overflow-y: auto;
	1209	+ overscroll-behavior: contain;
1201	1210	padding-left: 8px !important;
1202	1211	padding-top: 0 !important;
1203	1212	}
1204	1213	#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 {
		@@ -1256,8 +1265,12 @@
1256	1265	}
1257	1266	#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 {
1258	1267	margin-left: 0;
1259	1268	}
	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	+}
1260	1273	#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 {
1261	1274	width: 0px;
1262	1275	height: 0px;
1263	1276	}
		@@ -1491,8 +1504,9 @@
1491	1504	transform: translateX(100%);
1492	1505	transition: transform 0.3s ease;
1493	1506	background: var(--adminify-submenu-wrapper-bg);
1494	1507	z-index: 10;
	1508	+ overflow: hidden;
1495	1509	}
1496	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 {
1497	1511	transform: translateX(0);
1498	1512	}
		@@ -1497,11 +1511,17 @@
1497	1511	transform: translateX(0);
1498	1512	}
1499	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 {
1500	1514	height: 100%;
	1515	+ overflow-y: auto;
	1516	+ overscroll-behavior: contain;
1501	1517	padding-left: 8px !important;
1502	1518	padding-top: 0 !important;
1503	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	+}
1504	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 {
1505	1525	margin-bottom: 12px;
1506	1526	}
1507	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 {
		@@ -1575,19 +1595,45 @@
1575	1595	#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap {
1576	1596	position: absolute !important;
1577	1597	top: 0;
1578	1598	left: 0;
	1599	+ bottom: 0;
	1600	+ height: auto;
1579	1601	width: 260px !important;
	1602	+ display: flex;
	1603	+ flex-direction: column;
1580	1604	transform: translateX(-100%);
1581	1605	transition: transform 0.4s;
1582	1606	z-index: 9999;
1583	1607	}
1584	1608	#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper {
1585		- height: 100vh;
	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;
1586	1615	}
1587	1616	#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap .frame-adminify-admin-menu-wrapper .frame-adminify-admin-main-menu {
1588	1617	width: 260px !important;
	1618	+ height: auto;
	1619	+ min-height: 100%;
1589	1620	}
	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	+ }
1590	1636	#frame-adminify-app .adminify-frame-wrapper .frame-adminify-sidebar-wrap.adminify-sidebar-collapse {
1591	1637	transform: translateX(0) !important;
1592	1638	}
1593	1639	#frame-adminify-app .adminify-frame-wrapper.adminify-vertical-menu {
		@@ -1861,10 +1907,14 @@
1861	1907	.frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper {
1862	1908	position: fixed;
1863	1909	top: 0;
1864	1910	left: 0;
	1911	+ bottom: 0;
1865	1912	width: 260px;
1866		- height: 100%;
	1913	+ height: 100vh;
	1914	+ height: 100dvh;
	1915	+ display: flex;
	1916	+ flex-direction: column;
1867	1917	padding: 12px 0;
1868	1918	padding-right: 4px;
1869	1919	background-color: var(--adminify-menu-bg);
1870	1920	border: 0;
		@@ -1878,10 +1928,15 @@
1878	1928	flex-wrap: nowrap;
1879	1929	margin: 0;
1880	1930	padding: 0 16px;
1881	1931	padding-right: 12px;
1882		- height: calc(100vh - 24px);
1883		- overflow-y: scroll;
	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;
1884	1939	}
1885	1940	.frame-adminify-app .adminify-horizontal-menu .adminify-horizontal-menu-wrapper > ul .frame-adminify-menu-item {
1886	1941	width: 100%;
1887	1942	}