fix: close help when click from 4 directions

ydcjeff · ydcjeff · commit 79c4a769019a · 2021-06-09T16:19:05.000+06:30
diff --git a/src/App.vue b/src/App.vue
@@ -55,7 +55,7 @@ h5,
 h6 {
   font-weight: 500;
 }
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   h1 {
     font-size: 1.5rem;
   }
diff --git a/src/components/CodeBlock.vue b/src/components/CodeBlock.vue
@@ -168,7 +168,7 @@ div[class~='language-yaml']::before {
   content: 'yaml';
 }
 /* media queries */
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .code-block-wrapper {
     height: 100%;
   }
diff --git a/src/components/Instruction.vue b/src/components/Instruction.vue
@@ -60,7 +60,7 @@
 .mobile {
   display: none;
 }
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .desktop {
     display: none;
   }
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
@@ -72,7 +72,7 @@ h1 img {
   font-size: 0.9em;
 }
 /* media queries */
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .pname {
     display: none;
   }
diff --git a/src/components/NavDownload.vue b/src/components/NavDownload.vue
@@ -112,7 +112,7 @@ export default {
   max-width: 38rem;
   padding: 0 1rem;
   text-align: center;
-  margin: 20vh auto 0;
+  margin: 20vh auto 100%;
   inset: 0;
   z-index: 12;
 }
diff --git a/src/components/NavHelp.vue b/src/components/NavHelp.vue
@@ -85,7 +85,7 @@ export default {
   position: absolute;
   max-width: 38rem;
   padding: 0 0.5rem;
-  margin: 20vh auto 0;
+  margin: 20vh auto 100%;
   inset: 0;
   z-index: 12;
 }
diff --git a/src/components/PaneLeft.vue b/src/components/PaneLeft.vue
@@ -101,7 +101,7 @@ export default {
   overflow: auto;
 }
 /* media queries */
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .left-pane-contexts {
     height: 100%;
     padding: 0;
diff --git a/src/components/PaneRight.vue b/src/components/PaneRight.vue
@@ -116,7 +116,7 @@ export default {
   margin-right: 6px;
 }
 /* media queries */
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .right-pane-contexts {
     height: 100%;
     margin: 0;
diff --git a/src/components/PaneSplit.vue b/src/components/PaneSplit.vue
@@ -116,7 +116,7 @@ export default {
   display: none;
 }
 /* media queries */
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .split-pane {
     flex-wrap: wrap;
   }
diff --git a/src/components/css/nav-right.css b/src/components/css/nav-right.css
@@ -13,7 +13,7 @@
   margin-left: 0.25rem;
 }
 /* media queries */
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .external-links {
     margin: 0 0.25rem;
   }
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -135,7 +135,7 @@ export default {
   height: 100%;
   margin-top: 5rem;
 }
-@media (max-width: 860px) {
+@media (max-width: 915px) {
   .landing {
     max-width: 95vw;
   }

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ h5,`
`55`	`55`	`h6 {`
`56`	`56`	`font-weight: 500;`
`57`	`57`	`}`
`58`		`-@media (max-width: 860px) {`
	`58`	`+@media (max-width: 915px) {`
`59`	`59`	`h1 {`
`60`	`60`	`font-size: 1.5rem;`
`61`	`61`	`}`
Original file line number	Diff line number	Diff line change
`@@ -168,7 +168,7 @@ div[class~='language-yaml']::before {`
`168`	`168`	`content: 'yaml';`
`169`	`169`	`}`
`170`	`170`	`/* media queries */`
`171`		`-@media (max-width: 860px) {`
	`171`	`+@media (max-width: 915px) {`
`172`	`172`	`.code-block-wrapper {`
`173`	`173`	`height: 100%;`
`174`	`174`	`}`
Original file line number	Diff line number	Diff line change
`@@ -60,7 +60,7 @@`
`60`	`60`	`.mobile {`
`61`	`61`	`display: none;`
`62`	`62`	`}`
`63`		`-@media (max-width: 860px) {`
	`63`	`+@media (max-width: 915px) {`
`64`	`64`	`.desktop {`
`65`	`65`	`display: none;`
`66`	`66`	`}`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ h1 img {`
`72`	`72`	`font-size: 0.9em;`
`73`	`73`	`}`
`74`	`74`	`/* media queries */`
`75`		`-@media (max-width: 860px) {`
	`75`	`+@media (max-width: 915px) {`
`76`	`76`	`.pname {`
`77`	`77`	`display: none;`
`78`	`78`	`}`
Original file line number	Diff line number	Diff line change
`@@ -112,7 +112,7 @@ export default {`
`112`	`112`	`max-width: 38rem;`
`113`	`113`	`padding: 0 1rem;`
`114`	`114`	`text-align: center;`
`115`		`- margin: 20vh auto 0;`
	`115`	`+ margin: 20vh auto 100%;`
`116`	`116`	`inset: 0;`
`117`	`117`	`z-index: 12;`
`118`	`118`	`}`
Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ export default {`
`85`	`85`	`position: absolute;`
`86`	`86`	`max-width: 38rem;`
`87`	`87`	`padding: 0 0.5rem;`
`88`		`- margin: 20vh auto 0;`
	`88`	`+ margin: 20vh auto 100%;`
`89`	`89`	`inset: 0;`
`90`	`90`	`z-index: 12;`
`91`	`91`	`}`
Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,7 @@ export default {`
`101`	`101`	`overflow: auto;`
`102`	`102`	`}`
`103`	`103`	`/* media queries */`
`104`		`-@media (max-width: 860px) {`
	`104`	`+@media (max-width: 915px) {`
`105`	`105`	`.left-pane-contexts {`
`106`	`106`	`height: 100%;`
`107`	`107`	`padding: 0;`
Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ export default {`
`116`	`116`	`margin-right: 6px;`
`117`	`117`	`}`
`118`	`118`	`/* media queries */`
`119`		`-@media (max-width: 860px) {`
	`119`	`+@media (max-width: 915px) {`
`120`	`120`	`.right-pane-contexts {`
`121`	`121`	`height: 100%;`
`122`	`122`	`margin: 0;`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`margin-left: 0.25rem;`
`14`	`14`	`}`
`15`	`15`	`/* media queries */`
`16`		`-@media (max-width: 860px) {`
	`16`	`+@media (max-width: 915px) {`
`17`	`17`	`.external-links {`
`18`	`18`	`margin: 0 0.25rem;`
`19`	`19`	`}`
Original file line number	Diff line number	Diff line change
`@@ -135,7 +135,7 @@ export default {`
`135`	`135`	`height: 100%;`
`136`	`136`	`margin-top: 5rem;`
`137`	`137`	`}`
`138`		`-@media (max-width: 860px) {`
	`138`	`+@media (max-width: 915px) {`
`139`	`139`	`.landing {`
`140`	`140`	`max-width: 95vw;`
`141`	`141`	`}`