14 خطوط
1.5 KiB
CSS
14 خطوط
1.5 KiB
CSS
.share-widget { position: relative; display: inline-block; color: #233431; font: 13px system-ui,sans-serif; text-align: left; }
|
|
.share-widget button { display: inline-block; margin: 0; padding: 7px 12px; border: 1px solid #b6c8bf; border-radius: 4px; background: #fff; color: #244d49; font: inherit; cursor: pointer; }
|
|
.share-widget button:focus-visible, .share-widget textarea:focus-visible { outline: 2px solid #2676c5; outline-offset: 2px; }
|
|
.share-panel { position: absolute; top: calc(100% + 8px); left: 0; width: min(430px,calc(100vw - 40px)); max-height: 75vh; overflow: auto; z-index: 30; padding: 14px; border: 1px solid #cbd8d1; border-radius: 5px; background: #fff; box-shadow: 0 6px 24px #0002; }
|
|
.share-panel[hidden] { display: none !important; }
|
|
.share-panel p { margin: 0 0 10px; font: inherit; line-height: 1.5; color: inherit; }
|
|
.share-panel textarea { display: block; width: 100%; resize: vertical; padding: 10px; border: 1px solid #cbd8d1; border-radius: 3px; background: #f6f8f6; color: #233431; font: 12px/1.5 monospace; direction: ltr; box-sizing: border-box; }
|
|
.share-panel .share-note { margin-top: 10px; font-size: 11px; color: #60716b; }
|
|
.share-panel [role="status"] { display: block; margin-top: 8px; font-size: 11px; }
|
|
#viewer-share { position: fixed; top: 12px; right: 12px; z-index: 20; }
|
|
#viewer-share .share-panel { left: auto; right: 0; }
|
|
#comparison-share .share-panel, #pcb-share .share-panel { left: auto; right: 0; }
|
|
#upload-share { margin-top: 12px; }
|