fix: Specify font-family in CSS - Firefox support (#1)

nfreear · Aug 19, 2024 · 13c18d3 · 13c18d3
1 parent 3060b05
commit 13c18d3
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 11 deletions.
diff --git a/assets/content-style.css b/assets/content-style.css
@@ -3,15 +3,16 @@ body {
   X-border: 3px solid red;
 }
 
-dialog,
-X__my-pomodoro-timer::part(dialog) {
+dialog {
   X-background: #f8fff8;
   background: rgba(250, 255, 250, .9);
   border: .7rem solid #999;
   border-radius: 1rem;
   color: #006060; /* teal, #008080 */
+  font: 1rem/1.6 sans-serif;
   min-height: 17rem;
   min-width: 21rem;
+  max-width: 100vw;
   text-align: center;
 }
 
@@ -21,18 +22,15 @@ my-pomodoro-timer::part(dialog)::backdrop */ {
   X-opacity: .1rem;
 }
 
-h1,
-X__my-pomodoro-timer::part(hdg) {
+h1 {
   font-weight: normal;
 }
 
-output,
-X__my-pomodoro-timer::part(output) {
+output {
   font-size: x-large;
 }
 
-button,
-X__my-pomodoro-timer::part(button) {
+button {
   font-size: inherit;
   padding: .8rem 1.6rem;
 }

diff --git a/assets/index.css b/assets/index.css
@@ -2,7 +2,7 @@
 body {
   background: gray;
   border-radius: 1rem;
-  font-size: 1rem;
+  font: 1rem/1.6 sans-serif;
   min-height: 15rem;
   min-width: 20rem;
   padding: .1rem;

diff --git a/assets/options.css b/assets/options.css
@@ -2,8 +2,7 @@
 body {
   background: #f7fff7;
   color: #006060; /* teal, #008080 */
-  font-size: 1rem;
-  line-height: 1.6;
+  font: 1rem/1.6 sans-serif;
   margin: auto;
   min-height: 22rem;
   max-width: 32rem;
@@ -27,3 +26,7 @@ output {
   font-size: inherit;
   padding: .4rem 1rem;
 }
+
+input[ name = url ] {
+  width: 16rem;
+}
diff --git a/options/options.html b/options/options.html
@@ -32,6 +32,14 @@ <h2> Block list </h2>
     </p>
   </form>
 
+  <nav>
+    <p>
+      <a href="https://github.com/nfreear/pomodoro-chrome-ext/#readme" target="gh">About</a>
+      |
+      <a href="https://github.com/nfreear/pomodoro-chrome-ext/#privacy" target="gh">Privacy</a>
+    </p>
+  </nav>
+
   <script src="options.js"></script>
 
 </html>
diff --git a/pages/index.html b/pages/index.html
@@ -26,6 +26,12 @@ <h1> Grow a tree! </h1>
   <button id="stop-button">Stop</button>
 </p>
 
+<nav>
+  <p>
+    <a href="/options/options.html" target="options">Options?</a>
+  </p>
+</nav>
+
 </div>
 
 <script src="../lib/index.js"></script>