G3 スクロール時のメニュー右側に余白が出来る #588

vektor-inc · Apr 22, 2021 · 47055a3 · 47055a3
1 parent 381958f
commit 47055a3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/_g3/assets/_scss/project/global-nav/_global-nav--process--scrolled.scss b/_g3/assets/_scss/project/global-nav/_global-nav--process--scrolled.scss
@@ -47,7 +47,13 @@
 		position: fixed;
 		top: 0px;
 		left: 0;
-		width: 100%;
+
+		/* 
+		100vwはWindowsでスクロールバーも含んで横スクロールバーが出てしまうので極力使用しない
+		が、結局 calc(50% - 50vw); でも出てしまうので、bodyで overflow-x:hidden; している。
+		*/
+		width:100vw;
+
 		min-height: unset;
 		background-color: var(--vk-color-header-bg);
 		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

diff --git a/_g3/assets/css/style.css b/_g3/assets/css/style.css