V:: v.0.7.1

New tooltips.

Author: RussCoder

extension/manifest.json

@@ -2,7 +2,7 @@
     "manifest_version": 2,
     "name": "DjVu.js Viewer",
     "short_name": "DV",
-    "version": "0.7.0.0",
+    "version": "0.7.1.0",
     "author": "RussCoder",
     "homepage_url": "https://github.com/RussCoder/djvujs",
     "description": "Opens links to .djvu files. Allows opening files from a local disk. Processes <object> & <embed> tags.",

viewer/CHANGELOG.md

@@ -1,5 +1,10 @@
 # DjVu.js Viewer's Changelog
 
+## v.0.7.1 (30.08.2021)
+
+- Toolbar can be pinned and unpinned.
+- Minor fixes and improvements.
+
 ## v.0.7.0 (20.08.2021)
 
 - Removed footer, added menu in order to use less space for controls.

viewer/src/DjVuViewer.js

@@ -17,7 +17,7 @@ const Events = constant({
 
 export default class DjVuViewer extends EventEmitter {
 
-    static VERSION = '0.7.0';
+    static VERSION = '0.7.1';
 
     static Events = Events;
 

viewer/src/components/Toolbar/ContentsButton.jsx

@@ -5,6 +5,7 @@ import { ActionTypes } from "../../constants";
 import { iconButton } from "../cssMixins";
 import { get } from "../../reducers";
 import styled from "styled-components";
+import { useTranslation } from "../Translation";
 
 const Root = styled.svg`
     ${iconButton};
@@ -15,12 +16,14 @@ const Root = styled.svg`
 export default () => {
     const dispatch = useDispatch();
     const isOpened = useSelector(get.isContentsOpened);
+    const t = useTranslation();
 
     return (
         <Root
             as={isOpened ? IoListCircleSharp : IoListCircleOutline}
             onClick={() => dispatch({ type: ActionTypes.TOGGLE_CONTENTS })}
             data-djvujs-id="contents_button"
+            title={t("Table of contents")}
         />
     );
 }

viewer/src/components/Toolbar/PinButton.jsx

@@ -1,5 +1,6 @@
 import { TiPin } from 'react-icons/ti';
 import styled from "styled-components";
+import { useTranslation } from "../Translation";
 
 const Root = styled(TiPin)`
     font-size: calc(var(--button-basic-size) * 1.2);
@@ -13,7 +14,14 @@ const Root = styled(TiPin)`
 `;
 
 export default ({ isPinned, onClick }) => {
+    const t = useTranslation();
+
     return (
-        <Root $pinned={isPinned} onClick={onClick} data-djvujs-id="pin_button" />
+        <Root
+            $pinned={isPinned}
+            onClick={onClick}
+            data-djvujs-id="pin_button"
+            title={t(isPinned ? 'Toolbar is always shown' : 'Toolbar automatically hides')}
+        />
     );
 };

viewer/src/locales/ChineseSimplified.js

@@ -184,6 +184,12 @@ export default {
         "文本选择模式",
     "Grab cursor mode":
         "拖拽模式",
+    "Table of contents":
+        null,
+    "Toolbar is always shown":
+        null,
+    "Toolbar automatically hides":
+        null,
 
     // Contents
     "Contents":

viewer/src/locales/English.js

@@ -184,6 +184,12 @@ export default {
         "Text cursor mode",
     "Grab cursor mode":
         "Grab cursor mode",
+    "Table of contents":
+        "Table of contents",
+    "Toolbar is always shown":
+        "Toolbar is always shown",
+    "Toolbar automatically hides":
+        "Toolbar automatically hides",
 
     // Contents
     "Contents":

viewer/src/locales/French.js

@@ -184,6 +184,12 @@ export default {
         "Curseur pour mettre le texte en surbrillance",
     "Grab cursor mode":
         "Défilement glisser-déposer",
+    "Table of contents":
+        null,
+    "Toolbar is always shown":
+        null,
+    "Toolbar automatically hides":
+        null,
 
     // Contents
     "Contents":

viewer/src/locales/Italian.js

@@ -184,6 +184,12 @@ export default {
         "Modalità selezione testo",
     "Grab cursor mode":
         "Modalità trascinamento pagina",
+    "Table of contents":
+        null,
+    "Toolbar is always shown":
+        null,
+    "Toolbar automatically hides":
+        null,
 
     // Contents
     "Contents":

viewer/src/locales/Portuguese.js

@@ -184,6 +184,12 @@ export default {
         "Modo cursor de texto",
     "Grab cursor mode":
         "Modo de agarrar o cursor",
+    "Table of contents":
+        null,
+    "Toolbar is always shown":
+        null,
+    "Toolbar automatically hides":
+        null,
 
     // Contents
     "Contents":