更改富文本框的方向
This commit is contained in:
parent
47a58ef67b
commit
e1d1f0c48a
29
multi.html
29
multi.html
|
|
@ -847,20 +847,23 @@ const teamsCount = 2;
|
|||
</dialog>
|
||||
</div>
|
||||
<div id="rich-text-tools" class="display-none">
|
||||
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
|
||||
<button id="insert-card-avatar" title="Insert Card Avatar">
|
||||
<div class="monster" data-cardid="23" data-cards-pic-idx="1" data-cards-pic-x="2" data-cards-pic-y="2">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div>
|
||||
<div id="rich-text-tools-contents"></div>
|
||||
<div id="rich-text-tools-controls">
|
||||
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
|
||||
<button id="insert-card-avatar" title="Insert Card Avatar">
|
||||
<div class="monster" data-cardid="23" data-cards-pic-idx="1" data-cards-pic-x="2" data-cards-pic-y="2">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
|
||||
<button id="insert-latent-icon" title="Insert Latent Icon"></button>
|
||||
<button id="insert-type-icon" title="Insert Type Icon"></button>
|
||||
<button id="insert-orb-icon" title="Insert Orb Icon"></button>
|
||||
<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
|
||||
<button id="hide-rich-text-tools" title="Close"></button>
|
||||
</button>
|
||||
<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
|
||||
<button id="insert-latent-icon" title="Insert Latent Icon"></button>
|
||||
<button id="insert-type-icon" title="Insert Type Icon"></button>
|
||||
<button id="insert-orb-icon" title="Insert Orb Icon"></button>
|
||||
<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
|
||||
<button id="hide-rich-text-tools" title="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="edit-box display-none">
|
||||
<div class="edit-box-title"><!--修改怪物--></div>
|
||||
|
|
|
|||
|
|
@ -3420,7 +3420,7 @@ function initialize() {
|
|||
icon.onclick = insertIconToText;
|
||||
insertOrbList.appendChild(li);
|
||||
}
|
||||
richTextTools.append(
|
||||
richTextTools.querySelector("#rich-text-tools-contents").append(
|
||||
insertTypeIconList,
|
||||
insertAwokenIconList,
|
||||
insertLatentIconList,
|
||||
|
|
|
|||
|
|
@ -48267,7 +48267,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"multi.html",
|
||||
"76223e2227ff7ccd0bd1d0e341245080"
|
||||
"373f78144c5116b5d3f6ead65a7b5b4f"
|
||||
],
|
||||
[
|
||||
"script-custom_elements.js",
|
||||
|
|
@ -48287,11 +48287,11 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"script.js",
|
||||
"96bc99fdba238684c9c1c10c0f88e2ed"
|
||||
"ba49d4bf3c347197e846e7810c8e83b0"
|
||||
],
|
||||
[
|
||||
"solo.html",
|
||||
"82ddc57382a3cdbf45cced0fc2263992"
|
||||
"2f93d00b4479373f9c6c59ea47a9f530"
|
||||
],
|
||||
[
|
||||
"style-fix-html2canvas.css",
|
||||
|
|
@ -48303,7 +48303,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"style.css",
|
||||
"dc5d1c6286169242de7e3bd8982b7ecc"
|
||||
"42309adedf30e1958ef988806256b488"
|
||||
],
|
||||
[
|
||||
"temp.js",
|
||||
|
|
@ -48311,7 +48311,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"triple.html",
|
||||
"917da8f915c4ae727124febff60d6585"
|
||||
"eb90f2884fc54ef297f223485584b4e3"
|
||||
],
|
||||
[
|
||||
"languages/en.css",
|
||||
|
|
|
|||
29
solo.html
29
solo.html
|
|
@ -537,20 +537,23 @@ const teamsCount = 1;
|
|||
</dialog>
|
||||
</div>
|
||||
<div id="rich-text-tools" class="display-none">
|
||||
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
|
||||
<button id="insert-card-avatar" title="Insert Card Avatar">
|
||||
<div class="monster" data-cardid="23" data-cards-pic-idx="1" data-cards-pic-x="2" data-cards-pic-y="2">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div>
|
||||
<div id="rich-text-tools-contents"></div>
|
||||
<div id="rich-text-tools-controls">
|
||||
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
|
||||
<button id="insert-card-avatar" title="Insert Card Avatar">
|
||||
<div class="monster" data-cardid="23" data-cards-pic-idx="1" data-cards-pic-x="2" data-cards-pic-y="2">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
|
||||
<button id="insert-latent-icon" title="Insert Latent Icon"></button>
|
||||
<button id="insert-type-icon" title="Insert Type Icon"></button>
|
||||
<button id="insert-orb-icon" title="Insert Orb Icon"></button>
|
||||
<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
|
||||
<button id="hide-rich-text-tools" title="Close"></button>
|
||||
</button>
|
||||
<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
|
||||
<button id="insert-latent-icon" title="Insert Latent Icon"></button>
|
||||
<button id="insert-type-icon" title="Insert Type Icon"></button>
|
||||
<button id="insert-orb-icon" title="Insert Orb Icon"></button>
|
||||
<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
|
||||
<button id="hide-rich-text-tools" title="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="edit-box display-none">
|
||||
<div class="edit-box-title"><!--修改怪物--></div>
|
||||
|
|
|
|||
11
style.css
11
style.css
|
|
@ -176,10 +176,12 @@ label[for="screenshot-transparent"] {
|
|||
}
|
||||
|
||||
#rich-text-tools {
|
||||
background-color: rgba(200,200,200,0.5);
|
||||
position: sticky;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
margin-top: 10px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
background-color: rgba(200,200,200,0.5);
|
||||
backdrop-filter: blur(3px);
|
||||
padding: 5px;
|
||||
user-select: none; /*让内容不可选中*/
|
||||
|
|
@ -1600,6 +1602,8 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
|
|||
.types-ul {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-auto-columns: max-content;
|
||||
grid-gap: 4px;
|
||||
}
|
||||
/*队员觉醒统计*/
|
||||
.member-awoken,
|
||||
|
|
@ -1621,6 +1625,9 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
|
|||
grid-auto-rows: 21px;
|
||||
place-content: start center;
|
||||
}
|
||||
.member-types .types-ul {
|
||||
grid-gap: 0;
|
||||
}
|
||||
.member-awoken .awoken-ul
|
||||
{
|
||||
grid-gap: 2px;
|
||||
|
|
|
|||
29
triple.html
29
triple.html
|
|
@ -1382,20 +1382,23 @@ const teamsCount = 3;
|
|||
</dialog>
|
||||
</div>
|
||||
<div id="rich-text-tools" class="display-none">
|
||||
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
|
||||
<button id="insert-card-avatar" title="Insert Card Avatar">
|
||||
<div class="monster" data-cardid="23" data-cards-pic-idx="1" data-cards-pic-x="2" data-cards-pic-y="2">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div>
|
||||
<div id="rich-text-tools-contents"></div>
|
||||
<div id="rich-text-tools-controls">
|
||||
<button id="set-font-color" title="Set Font Color"></button><input id="color-chooser" type="color" title="Choose Font Color" />
|
||||
<button id="insert-card-avatar" title="Insert Card Avatar">
|
||||
<div class="monster" data-cardid="23" data-cards-pic-idx="1" data-cards-pic-x="2" data-cards-pic-y="2">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
|
||||
<button id="insert-latent-icon" title="Insert Latent Icon"></button>
|
||||
<button id="insert-type-icon" title="Insert Type Icon"></button>
|
||||
<button id="insert-orb-icon" title="Insert Orb Icon"></button>
|
||||
<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
|
||||
<button id="hide-rich-text-tools" title="Close"></button>
|
||||
</button>
|
||||
<button id="insert-awoken-icon" title="Insert Awoken Icon"></button>
|
||||
<button id="insert-latent-icon" title="Insert Latent Icon"></button>
|
||||
<button id="insert-type-icon" title="Insert Type Icon"></button>
|
||||
<button id="insert-orb-icon" title="Insert Orb Icon"></button>
|
||||
<input type="checkbox" class="switch-ipt" id="siwtch-code-mode"><label for="siwtch-code-mode" title="Code Mode"></label>
|
||||
<button id="hide-rich-text-tools" title="Close"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="edit-box display-none">
|
||||
<div class="edit-box-title"><!--修改怪物--></div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue