Skip to content

Instantly share code, notes, and snippets.

@r-k-b

r-k-b/highlight_cypress_handle.css

Last active September 12, 2023 23:33
Show Gist options
  • Save r-k-b/0879c379ae1acd0440f88cd4f9a6c2c5 to your computer and use it in GitHub Desktop.
Save r-k-b/0879c379ae1acd0440f88cd4f9a6c2c5 to your computer and use it in GitHub Desktop.
Download ZIP
highlight source hints
Raw
highlight_cypress_handle.css
/* https://gist.github.com/r-k-b/0879c379ae1acd0440f88cd4f9a6c2c5 */
[data-cy] {
position: relative;
z-index: 1;
}
[data-cy]::before {
/*content: attr(data-cy);*/
content: "cy";
position: absolute;
z-index: 2;
top: 0;
left: 0;
bottom: 0;
right: 0;
outline: 3px dashed rgba(0, 200, 100, 0.8);
pointer-events: none;
display: flex;
justify-content: flex-end;
align-items: flex-end;
color: black;
text-shadow: white 1px 0 10px;
font-family: monospace;
font-size: 8px;
font-style: italic;
}
Raw
highlight_source_hints.css
/* https://gist.github.com/r-k-b/0879c379ae1acd0440f88cd4f9a6c2c5 */
[data-src-hint] {
position: relative;
z-index: 1;
}
[data-src-hint]::before {
content: attr(data-src-hint);
position: absolute;
z-index: 2;
top: 0;
left: 0;
bottom: 0;
right: 0;
outline: 3px dashed rgba(255, 0, 255, 0.5);
pointer-events: none;
display: flex;
justify-content: flex-end;
align-items: flex-end;
color: black;
text-shadow: white 1px 0 10px;
font-family: monospace;
font-size: 8px;
font-style: italic;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment