From ba8176e1503b105eb5d961be2229c8e87f473f4f Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Tue, 16 Feb 2021 12:36:16 +0800
Subject: [PATCH] fix incorrect style in some old browsers

---
 src/styles/core/core.css | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/styles/core/core.css b/src/styles/core/core.css
index 590f113..5fe034a 100644
--- a/src/styles/core/core.css
+++ b/src/styles/core/core.css
@@ -109,17 +109,19 @@ td {
     padding: 6px 5px 6px 41px;
 }
 
-@media screen and (orientation: landscape) {
-    .main-sidebar ul.sidebar-menu > li.header {
-        padding-left: max(15px, env(safe-area-inset-left));
-    }
+@supports (padding-left: max(15px, 0px)) {
+    @media screen and (orientation: landscape) {
+        .main-sidebar ul.sidebar-menu > li.header {
+            padding-left: max(15px, env(safe-area-inset-left));
+        }
 
-    .main-sidebar ul.sidebar-menu > li > a {
-        padding-left: max(15px, env(safe-area-inset-left));
-    }
+        .main-sidebar ul.sidebar-menu > li > a {
+            padding-left: max(15px, env(safe-area-inset-left));
+        }
 
-    .main-sidebar ul.sidebar-menu > li.treeview > ul.treeview-menu > li > a {
-        padding-left: max(41px, calc(26px + env(safe-area-inset-left)));
+        .main-sidebar ul.sidebar-menu > li.treeview > ul.treeview-menu > li > a {
+            padding-left: max(41px, calc(26px + env(safe-area-inset-left)));
+        }
     }
 }