chore: update design

baseballyama · baseballyama · commit a5536f9bd9ba · 2022-09-20T16:07:40.000+09:00
diff --git a/docs-svelte-kit/src/app.css b/docs-svelte-kit/src/app.css
@@ -6,7 +6,7 @@
   --font-mono: "Fira Mono", monospace;
   --pure-white: #ffffff;
   --primary-color: #b9c6d2;
-  --secondary-color: #d0dde9;
+  --secondary-color: #676778;
   --tertiary-color: #edf0f8;
   --accent-color: #ff3e00;
   --heading-color: rgba(0, 0, 0, 0.7);
@@ -20,12 +20,6 @@ body {
   min-height: 100vh;
   margin: 0;
   background-color: var(--primary-color);
-  background: linear-gradient(
-    180deg,
-    var(--primary-color) 0%,
-    var(--secondary-color) 10.45%,
-    var(--tertiary-color) 41.35%
-  );
 }
 
 body::before {
diff --git a/docs-svelte-kit/src/lib/header/Header.svelte b/docs-svelte-kit/src/lib/header/Header.svelte
@@ -21,11 +21,12 @@
         role="img"
         viewBox="0 0 448 512"
         class="icon"
-        ><path
+      >
+        <path
           fill="currentColor"
           d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"
-        /></svg
-      >
+        />
+      </svg>
     </div>
     <a href="{baseUrl}/" class="home-link">
       <img src={logo} alt="Logo" />
@@ -88,9 +89,13 @@
   header {
     display: flex;
     justify-content: space-between;
-    position: sticky;
+    padding: 0.5em 2em;
+    position: fixed;
     top: 0;
+    width: calc(100% - 4em);
     z-index: 100;
+    background-color: white;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   }
 
   .corner {
@@ -154,16 +159,8 @@
     height: 100%;
   }
 
-  li.active::before {
-    --size: 6px;
-    content: "";
-    width: 0;
-    height: 0;
-    position: absolute;
-    top: 0;
-    left: calc(50% - var(--size));
-    border: var(--size) solid transparent;
-    border-top: var(--size) solid var(--accent-color);
+  li.active > a {
+    color: var(--accent-color);
   }
 
   nav a {
diff --git a/docs-svelte-kit/src/lib/sidemenu/SideMenu.svelte b/docs-svelte-kit/src/lib/sidemenu/SideMenu.svelte
@@ -26,6 +26,7 @@
     box-sizing: border-box;
     border-right: 1px solid var(--background-without-opacity);
     overflow-y: auto;
+    background-color: var(--secondary-color);
   }
 
   @media (max-width: 959px) {
diff --git a/docs-svelte-kit/src/lib/sidemenu/UlMenu.svelte b/docs-svelte-kit/src/lib/sidemenu/UlMenu.svelte
@@ -52,7 +52,7 @@
   }
   .sidebar-menu-item,
   .sidebar-menu-item-title {
-    color: var(--heading-color);
+    color: white;
   }
   .sidebar-menu-item-title {
     padding: 0.25rem 1rem 0.25rem 1.25rem;
@@ -69,10 +69,6 @@
   .sidebar-menu-item-title {
     position: relative;
   }
-  .sidebar-menu-item.active,
-  .sidebar-menu-item-title.active {
-    color: var(--accent-color);
-  }
   .sidebar-menu-item-title.active::before {
     --size: 6px;
     content: "";
@@ -82,9 +78,8 @@
     top: calc(50% - var(--size));
     right: 0;
     border: var(--size) solid transparent;
-    border-right: var(--size) solid var(--accent-color);
+    border-right: var(--size) solid white;
   }
-
   a.sidebar-menu-item-title:not(.active) {
     transition: color 0.2s linear;
   }
diff --git a/docs-svelte-kit/src/routes/+layout.svelte b/docs-svelte-kit/src/routes/+layout.svelte
@@ -45,6 +45,9 @@
 <Footer {frontmatter} {fileInfo} />
 
 <style>
+  main {
+    margin-top: 64px;
+  }
   main:not(.hidden-menu) {
     padding-left: 20rem;
   }
diff --git a/docs-svelte-kit/src/site.css b/docs-svelte-kit/src/site.css
@@ -4,7 +4,7 @@
 /* theme */
 :root {
   --primary-color: #ffffff;
-  --secondary-color: #ffffff;
+  --secondary-color: #676778;
   --tertiary-color: #edf0f8;
   --background-without-opacity: rgba(255, 255, 255, 0.95);
 }
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test01/+page.svelte b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test01/+page.svelte
@@ -0,0 +1,5 @@
+<script context="module">
+  export function load() {
+    /* ... */
+  }
+</script>
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test01/test01-errors.yaml b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test01/test01-errors.yaml
@@ -0,0 +1,3 @@
+- message: "`load` function should implement at `+page.(js|ts)` or `+layout.(js|ts)`"
+  line: 2
+  column: 10
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test02/+page.svelte b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test02/+page.svelte
@@ -0,0 +1,5 @@
+<script context="module">
+  export const load = () => {
+    /* ... */
+  }
+</script>
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test02/test02-errors.yaml b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/invalid/test02/test02-errors.yaml
@@ -0,0 +1,3 @@
+- message: "`load` function should implement at `+page.(js|ts)` or `+layout.(js|ts)`"
+  line: 2
+  column: 16
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test01/+page.svelte b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test01/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+  export function load() {
+    /* ... */
+  }
+</script>
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test02/+page.svelte b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test02/+page.svelte
@@ -0,0 +1,5 @@
+<script>
+  export const load = () => {
+    /* ... */
+  }
+</script>
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test03-input.svelte b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test03-input.svelte
@@ -0,0 +1,5 @@
+<script context="module">
+  export function load() {
+    /* ... */
+  }
+</script>
diff --git a/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test04-input.svelte b/tests/fixtures/rules/no-export-load-in-svelte-module-in-kit-pages/valid/test04-input.svelte
@@ -0,0 +1,5 @@
+<script context="module">
+  export const load = () => {
+    /* ... */
+  }
+</script>

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,7 @@`
`26`	`26`	`box-sizing: border-box;`
`27`	`27`	`border-right: 1px solid var(--background-without-opacity);`
`28`	`28`	`overflow-y: auto;`
	`29`	`+ background-color: var(--secondary-color);`
`29`	`30`	`}`
`30`	`31`
`31`	`32`	`@media (max-width: 959px) {`
Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@`
`52`	`52`	`}`
`53`	`53`	`.sidebar-menu-item,`
`54`	`54`	`.sidebar-menu-item-title {`
`55`		`- color: var(--heading-color);`
	`55`	`+ color: white;`
`56`	`56`	`}`
`57`	`57`	`.sidebar-menu-item-title {`
`58`	`58`	`padding: 0.25rem 1rem 0.25rem 1.25rem;`
`@@ -69,10 +69,6 @@`
`69`	`69`	`.sidebar-menu-item-title {`
`70`	`70`	`position: relative;`
`71`	`71`	`}`
`72`		`- .sidebar-menu-item.active,`
`73`		`- .sidebar-menu-item-title.active {`
`74`		`- color: var(--accent-color);`
`75`		`- }`
`76`	`72`	`.sidebar-menu-item-title.active::before {`
`77`	`73`	`--size: 6px;`
`78`	`74`	`content: "";`
`@@ -82,9 +78,8 @@`
`82`	`78`	`top: calc(50% - var(--size));`
`83`	`79`	`right: 0;`
`84`	`80`	`border: var(--size) solid transparent;`
`85`		`- border-right: var(--size) solid var(--accent-color);`
	`81`	`+ border-right: var(--size) solid white;`
`86`	`82`	`}`
`87`		`-`
`88`	`83`	`a.sidebar-menu-item-title:not(.active) {`
`89`	`84`	`transition: color 0.2s linear;`
`90`	`85`	`}`
Original file line number	Diff line number	Diff line change
`@@ -45,6 +45,9 @@`
`45`	`45`	`<Footer {frontmatter} {fileInfo} />`
`46`	`46`
`47`	`47`	`<style>`
	`48`	`+ main {`
	`49`	`+ margin-top: 64px;`
	`50`	`+ }`
`48`	`51`	`main:not(.hidden-menu) {`
`49`	`52`	`padding-left: 20rem;`
`50`	`53`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`/* theme */`
`5`	`5`	`:root {`
`6`	`6`	`--primary-color: #ffffff;`
`7`		`- --secondary-color: #ffffff;`
	`7`	`+ --secondary-color: #676778;`
`8`	`8`	`--tertiary-color: #edf0f8;`
`9`	`9`	`--background-without-opacity: rgba(255, 255, 255, 0.95);`
`10`	`10`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	+- message: "`load` function should implement at `+page.(js\|ts)` or `+layout.(js\|ts)`"
	`2`	`+ line: 2`
	`3`	`+ column: 10`