|
@@ -46,13 +46,6 @@ export class Gutter {
|
|
constructor(protyle: IProtyle) {
|
|
constructor(protyle: IProtyle) {
|
|
this.element = document.createElement("div");
|
|
this.element = document.createElement("div");
|
|
this.element.className = "protyle-gutters";
|
|
this.element.className = "protyle-gutters";
|
|
- if (/Mac/.test(navigator.platform) || navigator.platform === "iPhone") {
|
|
|
|
- this.element.setAttribute("aria-label", window.siyuan.languages.gutterTip);
|
|
|
|
- } else {
|
|
|
|
- this.element.setAttribute("aria-label", window.siyuan.languages.gutterTip.replace("⌥⌘A", "Ctrl+Alt+A").replace(/⌘/g, "Ctrl+").replace(/⌥/g, "Alt+").replace(/⇧/g, "Shift+").replace(/⌃/g, "Ctrl+"));
|
|
|
|
- }
|
|
|
|
- this.element.setAttribute("data-type", "a");
|
|
|
|
- this.element.setAttribute("data-position", "right");
|
|
|
|
this.element.addEventListener("dragstart", (event: DragEvent & { target: HTMLElement }) => {
|
|
this.element.addEventListener("dragstart", (event: DragEvent & { target: HTMLElement }) => {
|
|
hideTooltip();
|
|
hideTooltip();
|
|
const buttonElement = event.target.parentElement;
|
|
const buttonElement = event.target.parentElement;
|
|
@@ -1843,7 +1836,8 @@ export class Gutter {
|
|
html = "";
|
|
html = "";
|
|
}
|
|
}
|
|
index += 1;
|
|
index += 1;
|
|
- const buttonHTML = `<button data-type="${type}" data-subtype="${nodeElement.getAttribute("data-subtype")}" data-node-id="${nodeElement.getAttribute("data-node-id")}">
|
|
|
|
|
|
+ const buttonHTML = `<button class="ariaLabel" data-position="right" aria-label="${window.siyuan.languages.gutterTip}"
|
|
|
|
+data-type="${type}" data-subtype="${nodeElement.getAttribute("data-subtype")}" data-node-id="${nodeElement.getAttribute("data-node-id")}">
|
|
<svg><use xlink:href="#${getIconByType(type, nodeElement.getAttribute("data-subtype"))}"></use></svg>
|
|
<svg><use xlink:href="#${getIconByType(type, nodeElement.getAttribute("data-subtype"))}"></use></svg>
|
|
<span ${protyle.disabled ? "" : 'draggable="true"'}></span>
|
|
<span ${protyle.disabled ? "" : 'draggable="true"'}></span>
|
|
</button>`;
|
|
</button>`;
|
|
@@ -1853,7 +1847,8 @@ export class Gutter {
|
|
let foldHTML = "";
|
|
let foldHTML = "";
|
|
if (type === "NodeListItem" && nodeElement.childElementCount > 3 || type === "NodeHeading") {
|
|
if (type === "NodeListItem" && nodeElement.childElementCount > 3 || type === "NodeHeading") {
|
|
const fold = nodeElement.getAttribute("fold");
|
|
const fold = nodeElement.getAttribute("fold");
|
|
- foldHTML = `<button data-type="fold"><svg style="width:10px${fold && fold === "1" ? "" : ";transform:rotate(90deg)"}"><use xlink:href="#iconPlay"></use></svg></button>`;
|
|
|
|
|
|
+ foldHTML = `<button class="ariaLabel" data-position="right" aria-label="${window.siyuan.languages.fold}"
|
|
|
|
+data-type="fold"><svg style="width:10px${fold && fold === "1" ? "" : ";transform:rotate(90deg)"}"><use xlink:href="#iconPlay"></use></svg></button>`;
|
|
}
|
|
}
|
|
if (type === "NodeListItem" || type === "NodeList") {
|
|
if (type === "NodeListItem" || type === "NodeList") {
|
|
listItem = nodeElement;
|
|
listItem = nodeElement;
|