diff options
| author | Hsieh Chin Fan <pham@topo.tw> | 2024-09-14 10:56:27 +0800 |
|---|---|---|
| committer | Hsieh Chin Fan <pham@topo.tw> | 2024-09-15 00:27:48 +0800 |
| commit | 7ef54be57586847c679b9a72b5bb4c546ca61b14 (patch) | |
| tree | cbb102bd8bad592eee781b002852d1d130b02de0 | |
| parent | 8798cbf48e2c16fa8999147ffce481d4131ec6f2 (diff) | |
refactor(CSS): Rename class name for HTML holder
result-html => DumbyMap
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | src/css/dumbymap.css | 8 | ||||
| -rw-r--r-- | src/css/index.css | 2 | ||||
| -rw-r--r-- | src/editor.mjs | 2 |
4 files changed, 7 insertions, 7 deletions
| @@ -22,7 +22,7 @@ | |||
| 22 | </head> | 22 | </head> |
| 23 | 23 | ||
| 24 | <body> | 24 | <body> |
| 25 | <div class="result-html"></div> | 25 | <div class="DumbyMap"></div> |
| 26 | <div class="editor"> | 26 | <div class="editor"> |
| 27 | <textarea></textarea> | 27 | <textarea></textarea> |
| 28 | </div> | 28 | </div> |
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css index f04ed8b..ba074a2 100644 --- a/src/css/dumbymap.css +++ b/src/css/dumbymap.css | |||
| @@ -29,7 +29,7 @@ | |||
| 29 | } | 29 | } |
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | .result-html { | 32 | .DumbyMap { |
| 33 | position: relative; | 33 | position: relative; |
| 34 | max-width: 60em; | 34 | max-width: 60em; |
| 35 | margin: 0 auto; | 35 | margin: 0 auto; |
| @@ -105,7 +105,7 @@ | |||
| 105 | } | 105 | } |
| 106 | } | 106 | } |
| 107 | 107 | ||
| 108 | .result-html[data-layout]:not([data-layout=none]) { | 108 | .DumbyMap[data-layout]:not([data-layout=none]) { |
| 109 | margin: 0; | 109 | margin: 0; |
| 110 | 110 | ||
| 111 | height: 100vh; | 111 | height: 100vh; |
| @@ -119,7 +119,7 @@ | |||
| 119 | } | 119 | } |
| 120 | } | 120 | } |
| 121 | 121 | ||
| 122 | .result-html[data-layout=side] { | 122 | .DumbyMap[data-layout=side] { |
| 123 | .Showcase, | 123 | .Showcase, |
| 124 | .SemanticHtml { | 124 | .SemanticHtml { |
| 125 | flex: 50%; | 125 | flex: 50%; |
| @@ -128,7 +128,7 @@ | |||
| 128 | } | 128 | } |
| 129 | } | 129 | } |
| 130 | 130 | ||
| 131 | .result-html[data-layout=overlay] { | 131 | .DumbyMap[data-layout=overlay] { |
| 132 | .Showcase, | 132 | .Showcase, |
| 133 | .SemanticHtml { | 133 | .SemanticHtml { |
| 134 | position: fixed; | 134 | position: fixed; |
diff --git a/src/css/index.css b/src/css/index.css index 7412835..9e75e93 100644 --- a/src/css/index.css +++ b/src/css/index.css | |||
| @@ -9,7 +9,7 @@ body { | |||
| 9 | width: 100%; | 9 | width: 100%; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | .result-html { | 12 | .DumbyMap { |
| 13 | order: 2; | 13 | order: 2; |
| 14 | flex: 0 0 49%; | 14 | flex: 0 0 49%; |
| 15 | height: calc(100vh - 15px); | 15 | height: calc(100vh - 15px); |
diff --git a/src/editor.mjs b/src/editor.mjs index af3f629..915ce24 100644 --- a/src/editor.mjs +++ b/src/editor.mjs | |||
| @@ -6,7 +6,7 @@ import { createDocLinks } from './dumbymap.mjs' | |||
| 6 | 6 | ||
| 7 | // Set up Containers {{{ | 7 | // Set up Containers {{{ |
| 8 | 8 | ||
| 9 | const HtmlContainer = document.querySelector(".result-html") | 9 | const HtmlContainer = document.querySelector(".DumbyMap") |
| 10 | const textArea = document.querySelector(".editor textarea") | 10 | const textArea = document.querySelector(".editor textarea") |
| 11 | 11 | ||
| 12 | const toggleMaps = (container) => { | 12 | const toggleMaps = (container) => { |