summaryrefslogtreecommitdiff
path: root/components/reader/content
diff options
context:
space:
mode:
authorMatt A. Tobin <email@mattatobin.com>2021-11-14 01:30:12 -0500
committerMatt A. Tobin <email@mattatobin.com>2021-11-14 01:30:12 -0500
commit43fa0a71c814e902165782680f2f9705e3c234c9 (patch)
tree0ab3c66e8432febc00c18c036706c7ff43c11799 /components/reader/content
parent2fccdffac3075ee72087f9ee153204b02c7d931a (diff)
downloadaura-central-43fa0a71c814e902165782680f2f9705e3c234c9.tar.gz
Issue %3005 - Move toolkit/components to components/
Diffstat (limited to 'components/reader/content')
-rw-r--r--components/reader/content/aboutReader.html66
-rw-r--r--components/reader/content/aboutReader.js9
2 files changed, 75 insertions, 0 deletions
diff --git a/components/reader/content/aboutReader.html b/components/reader/content/aboutReader.html
new file mode 100644
index 000000000..58006c0a5
--- /dev/null
+++ b/components/reader/content/aboutReader.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta content="text/html; charset=UTF-8" http-equiv="content-type" />
+ <meta name="viewport" content="width=device-width; user-scalable=0" />
+
+ <link rel="stylesheet" href="chrome://global/skin/aboutReader.css" type="text/css"/>
+
+ <script type="text/javascript" src="chrome://global/content/reader/aboutReader.js"></script>
+</head>
+
+<body>
+ <div class="container">
+ <div class="header reader-header">
+ <a class="domain reader-domain"></a>
+ <div class="domain-border"></div>
+ <h1 class="reader-title"></h1>
+ <div class="credits reader-credits"></div>
+ <div class="meta-data">
+ <div class="reader-estimated-time"></div>
+ </div>
+ </div>
+
+ <hr>
+
+ <div class="content">
+ <div class="moz-reader-content"></div>
+ </div>
+
+ <div>
+ <div class="reader-message"></div>
+ </div>
+ </div>
+
+ <ul class="toolbar reader-toolbar">
+ <li><button class="button close-button"/></li>
+ <ul class="dropdown style-dropdown">
+ <li><button class="dropdown-toggle button style-button"/></li>
+ <li class="dropdown-popup">
+ <div class="font-type-buttons"></div>
+ <hr>
+ <div class="font-size-buttons">
+ <button class="minus-button"/>
+ <button class="plus-button"/>
+ </div>
+ <hr>
+ <div class="content-width-buttons">
+ <button class="content-width-minus-button"/>
+ <button class="content-width-plus-button"/>
+ </div>
+ <hr>
+ <div class="line-height-buttons">
+ <button class="line-height-minus-button"/>
+ <button class="line-height-plus-button"/>
+ </div>
+ <hr>
+ <div class="color-scheme-buttons"></div>
+ <div class="dropdown-arrow"/>
+ </li>
+ </ul>
+ </ul>
+
+</body>
+
+</html>
diff --git a/components/reader/content/aboutReader.js b/components/reader/content/aboutReader.js
new file mode 100644
index 000000000..6c963382e
--- /dev/null
+++ b/components/reader/content/aboutReader.js
@@ -0,0 +1,9 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+window.addEventListener("DOMContentLoaded", function() {
+ document.dispatchEvent(new CustomEvent("AboutReaderContentLoaded", { bubbles: true }));
+});