caojiezi2003/Stackedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新样式

Browse Source
This commit is contained in:
xiaoqi.cxq 2022-08-09 09:21:30 +08:00
parent 08e81f39b0
commit 51367f1ae5
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/FindReplace.vue
View File

@ -14,8 +14,8 @@
<button class="find-replace__button find-replace__button--find-option button" :class="{'find-replace__button--on': findUseRegexp}" @click="findUseRegexp = !findUseRegexp" title="Regular expression">.<sup>⁕</sup></button> <button class="find-replace__button find-replace__button--find-option button" :class="{'find-replace__button--on': findUseRegexp}" @click="findUseRegexp = !findUseRegexp" title="Regular expression">.<sup>⁕</sup></button>
</div> </div>
<div class="flex flex--row"> <div class="flex flex--row">
<button class="find-replace__button button" @click="find('backward')">Previous</button> <button class="find-replace__button button" @click="find('backward')">上一个</button>
<button class="find-replace__button button" @click="find('forward')">Next</button> <button class="find-replace__button button" @click="find('forward')">下一个</button>
</div> </div>
</div> </div>
</div> </div>
@ -24,8 +24,8 @@
<input type="text" class="find-replace__text-input find-replace__text-input--replace text-input" @keydown.enter="replace" v-model="replaceText"> <input type="text" class="find-replace__text-input find-replace__text-input--replace text-input" @keydown.enter="replace" v-model="replaceText">
</div> </div>
<div class="find-replace__row flex flex--row flex--end"> <div class="find-replace__row flex flex--row flex--end">
<button class="find-replace__button button" @click="replace">Replace</button> <button class="find-replace__button button" @click="replace">替换</button>
<button class="find-replace__button button" @click="replaceAll">All</button> <button class="find-replace__button button" @click="replaceAll">全部替换</button>
</div> </div>
</div> </div>
</div> </div>
@ -307,20 +307,36 @@ export default {
color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.25);
text-transform: none; text-transform: none;
.app--dark & {
color: rgba(255, 255, 255, 0.25);
}
&:active, &:active,
&:focus, &:focus,
&:hover { &:hover {
color: rgba(0, 0, 0, 0.25); color: rgba(0, 0, 0, 0.25);
.app--dark & {
color: rgba(255, 255, 255, 0.25);
}
} }
} }
.find-replace__button--on { .find-replace__button--on {
color: rgba(0, 0, 0, 0.67); color: rgba(0, 0, 0, 0.67);
.app--dark & {
color: rgba(255, 255, 255, 0.67);
}
&:active, &:active,
&:focus, &:focus,
&:hover { &:hover {
color: rgba(0, 0, 0, 0.67); color: rgba(0, 0, 0, 0.67);
.app--dark & {
color: rgba(255, 255, 255, 0.67);
}
} }
} }
@ -343,10 +359,18 @@ export default {
padding: 2px; padding: 2px;
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
.app--dark & {
color: rgba(255, 255, 255, 0.5);
}
&:active, &:active,
&:focus, &:focus,
&:hover { &:hover {
color: rgba(0, 0, 0, 0.75); color: rgba(0, 0, 0, 0.75);
.app--dark & {
color: rgba(255, 255, 255, 0.75);
}
} }
} }