shkim4andClaude Opus 5.5
724c51732b
- Property bar ends after its last field (content width, scrolls when longer) - Remove Figma canvas layers from property tool and close SVGs - Suppress header field hover while the field's own dropdown is open - Gauge: Figma red fill pill, beige track, Figma thumb SVG; shared paint for WebKit and Gecko (::-moz-range-*) so Firefox matches Chrome - Story buttons for gauge external value / disabled / read-only - Browser checks: follow-up fixes, Chrome vs Firefox range, close button Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
30 lines
5.5 KiB
XML
30 lines
5.5 KiB
XML
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g filter="url(#filter0_dd_26_12081)">
|
|
<g clip-path="url(#paint0_angular_26_12081_clip_path)" data-figma-skip-parse="true"><g transform="matrix(0 0.007 -0.007 0 10 10)"><foreignObject x="-1285.71" y="-1285.71" width="2571.43" height="2571.43"><div xmlns="http://www.w3.org/1999/xhtml" style="background:conic-gradient(from 90deg,rgba(81, 0, 0, 1) 0deg,rgba(81, 0, 0, 1) 12.8082deg,rgba(172, 29, 29, 1) 48.0519deg,rgba(121, 22, 22, 1) 92.222deg,rgba(255, 177, 177, 1) 127.031deg,rgba(228, 0, 0, 1) 157.271deg,rgba(255, 166, 166, 1) 206.171deg,rgba(190, 23, 23, 1) 252.461deg,rgba(81, 0, 0, 1) 292.192deg,rgba(81, 0, 0, 1) 327.01deg,rgba(81, 0, 0, 1) 360deg);height:100%;width:100%;opacity:1"></div></foreignObject></g></g><rect x="3" y="3" width="14" height="14" rx="7" data-figma-gradient-fill="{"type":"GRADIENT_ANGULAR","stops":[{"color":{"r":0.32083332538604736,"g":0.0,"b":0.0,"a":1.0},"position":0.035578250885009766},{"color":{"r":0.67500001192092896,"g":0.11531250178813934,"b":0.11531250178813934,"a":1.0},"position":0.13347755372524261},{"color":{"r":0.47499999403953552,"g":0.087083332240581512,"b":0.087083332240581512,"a":1.0},"position":0.25617215037345886},{"color":{"r":1.0,"g":0.69583332538604736,"b":0.69583332538604736,"a":1.0},"position":0.35286325216293335},{"color":{"r":0.89411765336990356,"g":0.0,"b":0.0,"a":1.0},"position":0.43686389923095703},{"color":{"r":1.0,"g":0.65416663885116577,"b":0.65416663885116577,"a":1.0},"position":0.57269597053527832},{"color":{"r":0.74583333730697632,"g":0.093229167163372040,"b":0.093229167163372040,"a":1.0},"position":0.70128107070922852},{"color":{"r":0.32083332538604736,"g":0.0,"b":0.0,"a":1.0},"position":0.81164407730102539},{"color":{"r":0.32083332538604736,"g":0.0,"b":0.0,"a":1.0},"position":0.90836137533187866}],"transform":{"m00":8.5725282327939710e-16,"m01":-14.0,"m02":17.0,"m10":14.0,"m11":8.5725282327939710e-16,"m12":3.0},"opacity":1.0,"blendMode":"NORMAL","stopsVar":[{"color":{"r":0.32083332538604736,"g":0.0,"b":0.0,"a":1.0},"position":0.035578250885009766},{"color":{"r":0.67500001192092896,"g":0.11531250178813934,"b":0.11531250178813934,"a":1.0},"position":0.13347755372524261},{"color":{"r":0.47499999403953552,"g":0.087083332240581512,"b":0.087083332240581512,"a":1.0},"position":0.25617215037345886},{"color":{"r":1.0,"g":0.69583332538604736,"b":0.69583332538604736,"a":1.0},"position":0.35286325216293335},{"color":{"r":0.89411765336990356,"g":0.0,"b":0.0,"a":1.0},"position":0.43686389923095703},{"color":{"r":1.0,"g":0.65416663885116577,"b":0.65416663885116577,"a":1.0},"position":0.57269597053527832},{"color":{"r":0.74583333730697632,"g":0.093229167163372040,"b":0.093229167163372040,"a":1.0},"position":0.70128107070922852},{"color":{"r":0.32083332538604736,"g":0.0,"b":0.0,"a":1.0},"position":0.81164407730102539},{"color":{"r":0.32083332538604736,"g":0.0,"b":0.0,"a":1.0},"position":0.90836137533187866}],"visible":true}"/>
|
|
<rect x="4" y="4" width="12" height="12" rx="6" stroke="url(#paint1_linear_26_12081)" stroke-opacity="0.4" stroke-width="2"/>
|
|
</g>
|
|
<defs>
|
|
<filter id="filter0_dd_26_12081" x="0" y="0" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
<feOffset/>
|
|
<feGaussianBlur stdDeviation="1.5"/>
|
|
<feComposite in2="hardAlpha" operator="out"/>
|
|
<feColorMatrix type="matrix" values="0 0 0 0 0.108333 0 0 0 0 0.100706 0 0 0 0 0.0862153 0 0 0 1 0"/>
|
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_26_12081"/>
|
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
|
<feOffset dy="2"/>
|
|
<feGaussianBlur stdDeviation="1"/>
|
|
<feComposite in2="hardAlpha" operator="out"/>
|
|
<feColorMatrix type="matrix" values="0 0 0 0 0.108333 0 0 0 0 0.100706 0 0 0 0 0.0862153 0 0 0 0.4 0"/>
|
|
<feBlend mode="normal" in2="effect1_dropShadow_26_12081" result="effect2_dropShadow_26_12081"/>
|
|
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_26_12081" result="shape"/>
|
|
</filter>
|
|
<clipPath id="paint0_angular_26_12081_clip_path"><rect x="3" y="3" width="14" height="14" rx="7"/></clipPath><linearGradient id="paint1_linear_26_12081" x1="5.625" y1="4.3125" x2="10" y2="17" gradientUnits="userSpaceOnUse">
|
|
<stop stop-color="#FF5656"/>
|
|
<stop offset="0.681666" stop-color="#E40000"/>
|
|
<stop offset="1" stop-color="#550000"/>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|