修复富文本框的一些显示问题
This commit is contained in:
parent
83d73061fb
commit
c029a25ed7
10
multi.html
10
multi.html
|
|
@ -82,7 +82,7 @@ const teamsCount = 2;
|
|||
<details class="config-display-list">
|
||||
<summary></summary>
|
||||
<div class="in-card">
|
||||
<div class="monster allowable-assist" title="No.99999 博丽灵梦" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
|
||||
<div class="monster allowable-assist" title="No.99999 博丽灵梦">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div><div class="attr" data-attr="1"></div><div class="attr" data-attr="2"></div><div class="attr" data-attr="3"></div>
|
||||
</div>
|
||||
|
|
@ -848,7 +848,13 @@ const teamsCount = 2;
|
|||
</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"></button>
|
||||
<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>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -32319,7 +32319,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"multi.html",
|
||||
"51f2c471715b6609bcb09441824a5fa4"
|
||||
"1275122ce4b4287900394d699dd760f7"
|
||||
],
|
||||
[
|
||||
"script-custom_elements.js",
|
||||
|
|
@ -32343,7 +32343,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"solo.html",
|
||||
"ac82faacab0d49e4ace3e8485f4fdbe9"
|
||||
"8a18da0a48040e61b869d67d4f635081"
|
||||
],
|
||||
[
|
||||
"style-fix-html2canvas.css",
|
||||
|
|
@ -32351,11 +32351,11 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"style-monsterimages.css",
|
||||
"15020a2f25262663a81aaa7f9259defc"
|
||||
"ffeb357e1a2adc10d114b90383a9ce90"
|
||||
],
|
||||
[
|
||||
"style.css",
|
||||
"1a761a00d9b9a660e781775f66e03f29"
|
||||
"153be5e23561327940c522899d8d941d"
|
||||
],
|
||||
[
|
||||
"temp.js",
|
||||
|
|
@ -32363,7 +32363,7 @@ const cachesMap = new Map([
|
|||
],
|
||||
[
|
||||
"triple.html",
|
||||
"95f1ee3675be5e8bbe795e2ad294b191"
|
||||
"036399d2486e04b8066d38a0acf485ce"
|
||||
],
|
||||
[
|
||||
"languages/en.css",
|
||||
|
|
|
|||
10
solo.html
10
solo.html
|
|
@ -62,7 +62,7 @@ const teamsCount = 1;
|
|||
<details class="config-display-list">
|
||||
<summary></summary>
|
||||
<div class="in-card">
|
||||
<div class="monster allowable-assist" title="No.99999 博丽灵梦" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
|
||||
<div class="monster allowable-assist" title="No.99999 博丽灵梦">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div><div class="attr" data-attr="1"></div><div class="attr" data-attr="2"></div><div class="attr" data-attr="3"></div>
|
||||
</div>
|
||||
|
|
@ -586,7 +586,13 @@ const teamsCount = 1;
|
|||
</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"></button>
|
||||
<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>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -14,6 +14,7 @@
|
|||
}
|
||||
.monster .attrs .attr[data-attr='-1'] {
|
||||
background: none; /*无*/
|
||||
display: none;
|
||||
}
|
||||
.monster .attrs .attr[data-attr='0'] {
|
||||
background-position-x: calc(-102px * 0); /*火*/
|
||||
|
|
@ -1739,7 +1740,7 @@
|
|||
.orb::before,
|
||||
.orb::after
|
||||
{
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-image: url(images/icon-orbs.png);
|
||||
|
|
|
|||
26
style.css
26
style.css
|
|
@ -176,14 +176,18 @@ label[for="screenshot-transparent"] {
|
|||
}
|
||||
#rich-text-tools button
|
||||
{
|
||||
min-width: 64px;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
#rich-text-tools button,
|
||||
#rich-text-tools input
|
||||
#rich-text-tools input[type="color"]
|
||||
{
|
||||
height: 40px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
#rich-text-tools button::before {
|
||||
font-family: var(--icon-font-family);
|
||||
|
|
@ -217,11 +221,8 @@ label[for="siwtch-code-mode"]::after {
|
|||
#color-chooser {
|
||||
width: 30px;
|
||||
}
|
||||
#insert-card-avatar::before {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-image: url(images/CARDFRAME2.PNG), url(images/CARDFRAME2.PNG);
|
||||
background-position: -102px -104px, 0 0;
|
||||
#insert-card-avatar .monster
|
||||
{
|
||||
transform: scale(calc(32 / 100));
|
||||
margin: calc(-100px * (1 - (32 / 100)) / 2);
|
||||
}
|
||||
|
|
@ -891,8 +892,14 @@ body.show-meter meter+span /*勾选显示计量条则隐藏文字*/
|
|||
display: grid;
|
||||
grid-template-columns: 75px auto;
|
||||
}
|
||||
.config-display-list .monster{
|
||||
transform: scale(0.75);
|
||||
margin: calc(-100px * (1 - 0.75) / 2);
|
||||
}
|
||||
|
||||
.config-display-list .in-card .switchs{
|
||||
display: flex;
|
||||
align-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.config-display-list .in-card .switchs input[type="checkbox"].switch-ipt:checked + label::before{
|
||||
|
|
@ -1399,7 +1406,7 @@ body:not(.solo) .awoken-icon[data-awoken-icon="64"]::after
|
|||
border-radius: 5px;
|
||||
border-color: rgba(82,82,60,0.5);
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -1780,7 +1787,7 @@ label[for="search-string"] {
|
|||
vertical-align: top;
|
||||
}
|
||||
.detail-mon{
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.edit-box .search-mon-list .monster,
|
||||
|
|
@ -1835,7 +1842,6 @@ label[for="search-string"] {
|
|||
.rich-text .latent-icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: inline-block;
|
||||
}
|
||||
/*搜索结果显示觉醒列表的相关css*/
|
||||
.awoken-preview .awoken-ul
|
||||
|
|
|
|||
10
triple.html
10
triple.html
|
|
@ -68,7 +68,7 @@ const teamsCount = 3;
|
|||
<details class="config-display-list">
|
||||
<summary></summary>
|
||||
<div class="in-card">
|
||||
<div class="monster allowable-assist" title="No.99999 博丽灵梦" style="transform: scale(0.75); margin: calc(-100px * (1 - 0.75) / 2);">
|
||||
<div class="monster allowable-assist" title="No.99999 博丽灵梦">
|
||||
<div class="attrs">
|
||||
<div class="attr" data-attr="0"></div><div class="attr" data-attr="1"></div><div class="attr" data-attr="2"></div><div class="attr" data-attr="3"></div>
|
||||
</div>
|
||||
|
|
@ -1527,7 +1527,13 @@ const teamsCount = 3;
|
|||
</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"></button>
|
||||
<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>
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue