make <iframe> more evident

This commit is contained in:
tophf 2022-10-08 13:03:39 +03:00
parent fff59ee12f
commit b22bbaaec0
2 changed files with 8 additions and 3 deletions

View File

@ -99,7 +99,7 @@
</template> </template>
<template data-id="writeForFrames"> <template data-id="writeForFrames">
<div id="write-for-frames" title="&lsaquo;iframe&rsaquo;..." tabindex="0">...</div> <div id="write-for-frames" tabindex="0">&lt;iframe&gt;...</div>
</template> </template>
<script src="js/polyfill.js"></script> <script src="js/polyfill.js"></script>

View File

@ -491,6 +491,7 @@ a:hover .svg-icon {
margin-left: .5rem; margin-left: .5rem;
} }
#write-for-frames::before,
.match .match::before { .match .match::before {
content: ""; content: "";
width: .25rem; width: .25rem;
@ -512,8 +513,12 @@ a:hover .svg-icon {
#write-for-frames { #write-for-frames {
cursor: pointer; cursor: pointer;
margin: 0 0 -.25em; margin: 0 0 -.25em .5rem;
font-family: monospace; color: var(--c50);
transition: color .2s;
}
#write-for-frames:hover {
color: var(--fg);
} }
#write-style:not(.expanded) .match:not([data-frame-id="0"]), #write-style:not(.expanded) .match:not([data-frame-id="0"]),