Packages

live_debugger

0.8.1
1.0.2 1.0.1 1.0.0 0.8.1 0.8.0 0.7.0 0.6.1 0.6.0 0.5.1 0.5.0 0.4.3 0.4.2 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.4 0.2.3 0.2.2 0.2.1 0.2.0 0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

Tool for debugging LiveView applications

HexDocs

Current section

Files

Jump to
Readme
30 Versions
4 Dependencies
Dependants
Files
Activity
live_debugger priv static client.css
Raw

priv/static/client.css 

#live-debugger-debug-button{position:fixed;height:40px;width:40px;box-sizing:border-box;padding-left:5px;padding-right:5px;border-radius:10px;background-color:#001a72;color:#fff;display:flex;gap:5px;justify-content:center;align-items:center;z-index:9999;bottom:20px;right:20px;cursor:pointer}#live-debugger-debug-button.live-debugger-inspect-mode{background-color:#87cce8;pointer-events:none}#live-debugger-debug-button.live-debugger-inspect-mode .live-debugger-bug-icon,#live-debugger-debug-button .live-debugger-inspect-icon{display:none}#live-debugger-debug-button.live-debugger-inspect-mode .live-debugger-inspect-icon{display:block}#live-debugger-debug-tooltip{position:fixed;background:white;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;box-shadow:0 10px 25px #00000026;min-width:160px;z-index:10000;display:none;font-size:14px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#live-debugger-debug-tooltip p{margin:0}#live-debugger-debug-tooltip .live-debugger-tooltip-option{padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#374151;transition:background-color .15s}#live-debugger-debug-tooltip .live-debugger-tooltip-option:hover{background-color:#f3f4f6}.live-debugger-inspect-mode *{cursor:crosshair!important}.live-debugger-inspection-tooltip{position:absolute;background:white;border:1px solid #e1e5e9;border-radius:6px;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;font-size:12px;line-height:1.4;max-width:500px;min-width:120px;z-index:10001;pointer-events:none;padding:8px 12px;color:#333;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.live-debugger-tooltip-content{display:flex;flex-direction:column;gap:6px}.live-debugger-tooltip-module{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-debugger-tooltip-info{border-top:1px solid #e1e5e9;padding-top:6px;display:flex;flex-direction:column;gap:3px}.live-debugger-tooltip-info-item{font-size:11px;display:flex;justify-content:space-between;align-items:center}.live-debugger-tooltip-info-item .label{color:#666;font-weight:400}.live-debugger-tooltip-info-item .value{color:#333;font-weight:500}.live-debugger-type-square{display:inline-block;width:8px;height:8px;vertical-align:middle;margin-left:6px;margin-bottom:2px}.live-debugger-tooltip-arrow{position:absolute;width:0;height:0;border:6px solid transparent;left:50%;transform:translate(-50%)}.live-debugger-tooltip-arrow-down{border-top-color:#fff;border-bottom-color:transparent;top:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.live-debugger-tooltip-arrow-up{border-bottom-color:#fff;border-top-color:transparent;bottom:100%;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.1))}.live-debugger-tooltip-type-wrapper{display:flex;align-items:center;gap:4px}