diff options
author | 2018-12-07 12:47:16 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | 85f38801a34825be69fec27ae523537fbc72f1d6 (patch) | |
tree | b7f68862496a5f556d83ff3356b7122a773dccda /vnext/src/style/main.css | |
parent | 675d8e64c891950189c477d30949ee9b4e160eb8 (diff) |
mobile navigation
Diffstat (limited to 'vnext/src/style/main.css')
-rw-r--r-- | vnext/src/style/main.css | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css index 20ff7978..69e638f6 100644 --- a/vnext/src/style/main.css +++ b/vnext/src/style/main.css @@ -45,7 +45,7 @@ img, hr { display: grid; grid-template-areas: "header" "content" "footer"; grid-template-columns: 1fr; - grid-template-rows: minmax(1fr, auto) minmax(1fr, auto) auto; + grid-template-rows: min-content minmax(1fr, min-content) min-content; min-height: 100vh; font: -apple-system-body; font-family: -apple-system, Segoe UI; @@ -56,6 +56,8 @@ img, hr { grid-area: header; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.28); + transition: margin-left 0.4s; + overflow-x: hidden; } #header_wrapper, .footer_container { display: flex; @@ -64,14 +66,15 @@ img, hr { flex-wrap: wrap; } #sidebar { - border-right: 1px solid #ccc; color: #222; transition: width 0.4s; position: fixed; width: 0; top: 0; left: 0; + margin-right: 2px; overflow-x: hidden; + overflow-y: auto; height: 100%; z-index: 1; display: flex; @@ -87,7 +90,9 @@ img, hr { grid-area: content; height: 100%; width: 100%; - margin-top: 12px; + margin-top: 12px; + overflow-x: hidden; + transition: margin-left 0.4s; } #footer { @@ -96,6 +101,8 @@ img, hr { border-top: 1px solid #ccc; color: #222; padding: 10px; + transition: margin-left 0.4s; + overflow-x: hidden; } .desktop { @@ -127,7 +134,7 @@ img, hr { display: flex; } -#ctitle img { +#ctitle:first-child { margin-right: 5px; vertical-align: middle; max-width: 48px; @@ -150,7 +157,7 @@ img, hr { padding: 14px 16px; } -#sidebar a { +#sidebar > a { color: #88958d; border-right: 2px solid transparent; display: flex; @@ -158,7 +165,7 @@ img, hr { align-items: center; vertical-align: middle; } -#sidebar a:hover { +#sidebar > a:hover { background-color: #f8f8f8; border-right: 2px solid #ff339a; cursor: pointer; |