diff options
| author | AUTOMATIC1111 <16777216c@gmail.com> | 2023-07-08 12:10:10 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-08 12:10:10 +0000 |
| commit | ec9bbda3da846b4aa2f03b1e0f0952ffbc61f4f6 (patch) | |
| tree | 5ae676b6ac7242ad082ab7421cf8ae9d50d52818 /extensions-builtin/canvas-zoom-and-pan/style.css | |
| parent | c4c63dd5e4760c56405cef2e71abc5c3604c4578 (diff) | |
| parent | 18256c5f0174126cb103afece2b39b6b831e034a (diff) | |
| download | stable-diffusion-webui-gfx803-ec9bbda3da846b4aa2f03b1e0f0952ffbc61f4f6.tar.gz stable-diffusion-webui-gfx803-ec9bbda3da846b4aa2f03b1e0f0952ffbc61f4f6.tar.bz2 stable-diffusion-webui-gfx803-ec9bbda3da846b4aa2f03b1e0f0952ffbc61f4f6.zip | |
Merge branch 'dev' into img2img-batch-png-info
Diffstat (limited to 'extensions-builtin/canvas-zoom-and-pan/style.css')
| -rw-r--r-- | extensions-builtin/canvas-zoom-and-pan/style.css | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/extensions-builtin/canvas-zoom-and-pan/style.css b/extensions-builtin/canvas-zoom-and-pan/style.css new file mode 100644 index 00000000..6bcc9570 --- /dev/null +++ b/extensions-builtin/canvas-zoom-and-pan/style.css @@ -0,0 +1,63 @@ +.canvas-tooltip-info { + position: absolute; + top: 10px; + left: 10px; + cursor: help; + background-color: rgba(0, 0, 0, 0.3); + width: 20px; + height: 20px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + z-index: 100; +} + +.canvas-tooltip-info::after { + content: ''; + display: block; + width: 2px; + height: 7px; + background-color: white; + margin-top: 2px; +} + +.canvas-tooltip-info::before { + content: ''; + display: block; + width: 2px; + height: 2px; + background-color: white; +} + +.canvas-tooltip-content { + display: none; + background-color: #f9f9f9; + color: #333; + border: 1px solid #ddd; + padding: 15px; + position: absolute; + top: 40px; + left: 10px; + width: 250px; + font-size: 16px; + opacity: 0; + border-radius: 8px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + + z-index: 100; +} + +.canvas-tooltip:hover .canvas-tooltip-content { + display: block; + animation: fadeIn 0.5s; + opacity: 1; +} + +@keyframes fadeIn { + from {opacity: 0;} + to {opacity: 1;} +} + |