更新样式
This commit is contained in:
parent
08e81f39b0
commit
51367f1ae5
@ -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>
|
||||
</div>
|
||||
<div class="flex flex--row">
|
||||
<button class="find-replace__button button" @click="find('backward')">Previous</button>
|
||||
<button class="find-replace__button button" @click="find('forward')">Next</button>
|
||||
<button class="find-replace__button button" @click="find('backward')">上一个</button>
|
||||
<button class="find-replace__button button" @click="find('forward')">下一个</button>
|
||||
</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">
|
||||
</div>
|
||||
<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="replaceAll">All</button>
|
||||
<button class="find-replace__button button" @click="replace">替换</button>
|
||||
<button class="find-replace__button button" @click="replaceAll">全部替换</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -307,20 +307,36 @@ export default {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
text-transform: none;
|
||||
|
||||
.app--dark & {
|
||||
color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
|
||||
.app--dark & {
|
||||
color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.find-replace__button--on {
|
||||
color: rgba(0, 0, 0, 0.67);
|
||||
|
||||
.app--dark & {
|
||||
color: rgba(255, 255, 255, 0.67);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: rgba(0, 0, 0, 0.67);
|
||||
|
||||
.app--dark & {
|
||||
color: rgba(255, 255, 255, 0.67);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -343,10 +359,18 @@ export default {
|
||||
padding: 2px;
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
|
||||
.app--dark & {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus,
|
||||
&:hover {
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
|
||||
.app--dark & {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user