Merge pull request #179 from cpprefjp/fix_ui_size

CSS の長さの単位 vw, vh を dvw, dvh に置換

Author: take-cheeze

css/kunai/site/goog.css

@@ -15,7 +15,7 @@ main div[itemtype="http://schema.org/Article"] {
 
     box-sizing: border-box;
 
-    max-height: 60vh;
+    max-height: 60dvh;
     overflow-x: auto;
     overflow-y: scroll;
 

css/kunai/site/layout.css

@@ -41,7 +41,7 @@ body {
 nav[role="navigation"] {
   display: flex;
   // min-height: 3rem;
-  // max-height: 8vh;
+  // max-height: 8dvh;
 
   padding: 0 .8rem;
   box-sizing: border-box;
@@ -69,7 +69,7 @@ nav[role="navigation"] {
 
   z-index: $navbar-expand-z;
 
-  width: 100vw;
+  width: 100dvw;
   min-height: 4rem;
 
   background: #EFEFEF;
@@ -275,20 +275,20 @@ main {
         .crsearch {
           flex-basis: auto;
           min-width: 92%;
-          max-width: 94vw;
+          max-width: 94dvw;
           margin: .5rem 0 0 0;
         }
       }
     }
 
     div[itemtype="http://schema.org/Article"] + div {
-      // flex-basis: 100vw;
+      // flex-basis: 100dvw;
       flex-basis: unset;
 
       border: none;
 
       /* box-shadow: 0px 9px 16px 2px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */
-      padding: 0 4vw;
+      padding: 0 4dvw;
     }
   }
 }
@@ -316,7 +316,7 @@ main {
 
   main {
     div[itemtype="http://schema.org/Article"] + div {
-      padding: 0 2vw;
+      padding: 0 2dvw;
     }
   }
 }

css/kunai/site/sidebar.css

@@ -774,7 +774,7 @@ main[role="main"] .kunai-sidebar.force-legacy {
       &[data-branch-for="headers"] {
         order: 3;
         margin-bottom: 2em;
-        max-height: 70vh;
+        max-height: 70dvh;
       }
       &[data-branch-for="articles"] {
         order: 4;

css/kunai/variables.css

@@ -1,5 +1,5 @@
-$navbar-height: 5vh;
-$main-height: calc(100vh - $navbar-height);
+$navbar-height: 5dvh;
+$main-height: calc(100dvh - $navbar-height);
 
 $nav-bg: #f8f8f8;