-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathtest.html
62 lines (62 loc) · 8.53 KB
/
test.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<div role="none" id="id01" class="n-modal-container"
style="--n-bezier-ease-out:cubic-bezier(0, 0, 0.2, 1); --n-box-shadow:0 6px 16px -9px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03); --n-color:rgb(44, 44, 50); --n-text-color:rgba(255, 255, 255, 0.82); z-index: 2000;">
<div role="none" class="n-modal-body-wrapper">
<div role="none" class="n-scrollbar"
style="--n-scrollbar-bezier:cubic-bezier(0.4, 0, 0.2, 1); --n-scrollbar-color:rgba(255, 255, 255, 0.2); --n-scrollbar-color-hover:rgba(255, 255, 255, 0.3); --n-scrollbar-border-radius:5px; --n-scrollbar-width:5px; --n-scrollbar-height:5px;">
<div role="none" class="n-scrollbar-container">
<div role="none" class="n-scrollbar-content n-modal-scroll-content">
<div aria-hidden="true" class="n-modal-mask"></div>
<div aria-hidden="true" tabindex="0" style="position: absolute; height: 0px; width: 0px;"></div>
<div class="n-dialog n-dialog--closable n-dialog--icon-left n-modal" role="dialog"
style="--n-font-size:14px; --n-icon-color:#f2c97d; --n-bezier:cubic-bezier(0.4, 0, 0.2, 1); --n-close-margin:20px 26px 0 0; --n-icon-margin:0 4px 0 0; --n-icon-size:28px; --n-close-size:22px; --n-close-icon-size:18px; --n-close-border-radius:3px; --n-close-color-hover:rgba(255, 255, 255, 0.12); --n-close-color-pressed:rgba(255, 255, 255, 0.08); --n-close-icon-color:rgba(255, 255, 255, 0.52); --n-close-icon-color-hover:rgba(255, 255, 255, 0.52); --n-close-icon-color-pressed:rgba(255, 255, 255, 0.52); --n-color:rgb(44, 44, 50); --n-text-color:rgba(255, 255, 255, 0.82); --n-border-radius:3px; --n-padding:16px 28px 20px 28px; --n-line-height:1.6; --n-border:1px solid rgba(255, 255, 255, 0.09); --n-content-margin:8px 0 16px 0; --n-title-font-size:18px; --n-title-font-weight:500; --n-title-text-color:rgba(255, 255, 255, 0.9); --n-action-space:12px; transform-origin: 88px 477px;">
<button type="button" tabindex="0" aria-label="close"
onclick="document.getElementById('id01').remove()"
class="n-base-close n-dialog__close"><i
class="n-base-icon"><svg viewBox="0 0 12 12" version="1.1"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g fill="currentColor" fill-rule="nonzero">
<path
d="M2.08859116,2.2156945 L2.14644661,2.14644661 C2.32001296,1.97288026 2.58943736,1.95359511 2.7843055,2.08859116 L2.85355339,2.14644661 L6,5.293 L9.14644661,2.14644661 C9.34170876,1.95118446 9.65829124,1.95118446 9.85355339,2.14644661 C10.0488155,2.34170876 10.0488155,2.65829124 9.85355339,2.85355339 L6.707,6 L9.85355339,9.14644661 C10.0271197,9.32001296 10.0464049,9.58943736 9.91140884,9.7843055 L9.85355339,9.85355339 C9.67998704,10.0271197 9.41056264,10.0464049 9.2156945,9.91140884 L9.14644661,9.85355339 L6,6.707 L2.85355339,9.85355339 C2.65829124,10.0488155 2.34170876,10.0488155 2.14644661,9.85355339 C1.95118446,9.65829124 1.95118446,9.34170876 2.14644661,9.14644661 L5.293,6 L2.14644661,2.85355339 C1.97288026,2.67998704 1.95359511,2.41056264 2.08859116,2.2156945 L2.14644661,2.14644661 L2.08859116,2.2156945 Z">
</path>
</g>
</g>
</svg></i></button><!---->
<div class="n-dialog__title"><i class="n-base-icon n-dialog__icon"><svg viewBox="0 0 24 24"
version="1.1" xmlns="http://www.w3.org/2000/svg">
<g stroke="none" stroke-width="1" fill-rule="evenodd">
<g fill-rule="nonzero">
<path
d="M12,2 C17.523,2 22,6.478 22,12 C22,17.522 17.523,22 12,22 C6.477,22 2,17.522 2,12 C2,6.478 6.477,2 12,2 Z M12.0018002,15.0037242 C11.450254,15.0037242 11.0031376,15.4508407 11.0031376,16.0023869 C11.0031376,16.553933 11.450254,17.0010495 12.0018002,17.0010495 C12.5533463,17.0010495 13.0004628,16.553933 13.0004628,16.0023869 C13.0004628,15.4508407 12.5533463,15.0037242 12.0018002,15.0037242 Z M11.99964,7 C11.4868042,7.00018474 11.0642719,7.38637706 11.0066858,7.8837365 L11,8.00036004 L11.0018003,13.0012393 L11.00857,13.117858 C11.0665141,13.6151758 11.4893244,14.0010638 12.0021602,14.0008793 C12.514996,14.0006946 12.9375283,13.6145023 12.9951144,13.1171428 L13.0018002,13.0005193 L13,7.99964009 L12.9932303,7.8830214 C12.9352861,7.38570354 12.5124758,6.99981552 11.99964,7 Z">
</path>
</g>
</g>
</svg></i>Hello!</div>
<div class="n-dialog__content">Welcome Esonhugh! How are you today?</div>
<div class="n-dialog__action"><button
class="n-button n-button--default-type n-button--small-type n-button--ghost"
tabindex="0" type="button"
onclick="document.getElementById('id01').remove()"
style="--n-bezier:cubic-bezier(0.4, 0, 0.2, 1); --n-bezier-ease-out:cubic-bezier(0, 0, 0.2, 1); --n-ripple-duration:0.6s; --n-opacity-disabled:0.38; --n-wave-opacity:0.8; font-weight: 400; --n-color:#0000; --n-color-hover:#0000; --n-color-pressed:#0000; --n-color-focus:#0000; --n-color-disabled:#0000; --n-ripple-color:#63e2b7; --n-text-color:rgba(255, 255, 255, 0.82); --n-text-color-hover:#7fe7c4; --n-text-color-pressed:#5acea7; --n-text-color-focus:#7fe7c4; --n-text-color-disabled:rgba(255, 255, 255, 0.82); --n-border:1px solid rgba(255, 255, 255, 0.24); --n-border-hover:1px solid #7fe7c4; --n-border-pressed:1px solid #5acea7; --n-border-focus:1px solid #7fe7c4; --n-border-disabled:1px solid rgba(255, 255, 255, 0.24); --n-width: initial; --n-height:28px; --n-font-size:14px; --n-padding:0 10px; --n-icon-size:18px; --n-icon-margin:6px; --n-border-radius:3px;"><!----><!----><span
class="n-button__content">Not Good</span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border"></div>
<div aria-hidden="true" class="n-button__state-border"></div>
</button><button class="n-button n-button--warning-type n-button--small-type" tabindex="0"
type="button"
onclick="document.getElementById('id01').remove()"
style="--n-bezier:cubic-bezier(0.4, 0, 0.2, 1); --n-bezier-ease-out:cubic-bezier(0, 0, 0.2, 1); --n-ripple-duration:0.6s; --n-opacity-disabled:0.38; --n-wave-opacity:0.8; font-weight: 400; --n-color:#f2c97d; --n-color-hover:#f5d599; --n-color-pressed:#e6c260; --n-color-focus:#f5d599; --n-color-disabled:#f2c97d; --n-ripple-color:#f2c97d; --n-text-color:#000; --n-text-color-hover:#000; --n-text-color-pressed:#000; --n-text-color-focus:#000; --n-text-color-disabled:#000; --n-border:1px solid #f2c97d; --n-border-hover:1px solid #f5d599; --n-border-pressed:1px solid #e6c260; --n-border-focus:1px solid #f5d599; --n-border-disabled:1px solid #f2c97d; --n-width: initial; --n-height:28px; --n-font-size:14px; --n-padding:0 10px; --n-icon-size:18px; --n-icon-margin:6px; --n-border-radius:3px;"><!----><!----><span
class="n-button__content">Just so-so</span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border"></div>
<div aria-hidden="true" class="n-button__state-border"></div>
</button></div>
</div>
<div aria-hidden="true" tabindex="0" style="position: absolute; height: 0px; width: 0px;"></div>
</div>
</div>
<div class="n-scrollbar-rail n-scrollbar-rail--vertical n-scrollbar-rail--disabled"
data-scrollbar-rail="true" aria-hidden="true"><!----></div><!---->
</div>
</div>
</div>