mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-20 06:00:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

vue README & updated assets

Browse Source
This commit is contained in:
Rene
2019-08-02 00:47:13 +02:00
parent 4baf988e06
commit 8544c8b0e4
18 changed files with 1979 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/overlayscrollbars-ngx/example/package-lock.json
Generated
+21 -7
View File
@@ -3927,12 +3927,14 @@
"balanced-match": {
"version": "1.0.0",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"brace-expansion": {
"version": "1.1.11",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@@ -3947,17 +3949,20 @@
"code-point-at": {
"version": "1.1.0",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"concat-map": {
"version": "0.0.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"console-control-strings": {
"version": "1.1.0",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"core-util-is": {
"version": "1.0.2",
@@ -4074,7 +4079,8 @@
"inherits": {
"version": "2.0.3",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"ini": {
"version": "1.3.5",
@@ -4086,6 +4092,7 @@
"version": "1.0.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"number-is-nan": "^1.0.0"
}
@@ -4100,6 +4107,7 @@
"version": "3.0.4",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
@@ -4107,12 +4115,14 @@
"minimist": {
"version": "0.0.8",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"minipass": {
"version": "2.3.5",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"safe-buffer": "^5.1.2",
"yallist": "^3.0.0"
@@ -4131,6 +4141,7 @@
"version": "0.5.1",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"minimist": "0.0.8"
}
@@ -4211,7 +4222,8 @@
"number-is-nan": {
"version": "1.0.1",
"bundled": true,
"dev": true
"dev": true,
"optional": true
},
"object-assign": {
"version": "4.1.1",
@@ -4223,6 +4235,7 @@
"version": "1.4.0",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"wrappy": "1"
}
@@ -4344,6 +4357,7 @@
"version": "1.0.2",
"bundled": true,
"dev": true,
"optional": true,
"requires": {
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",
packages/overlayscrollbars-ngx/example/src/app/app.component.css
+1 -1
View File
@@ -299,5 +299,5 @@ img {
}
.framework-logo {
background: transparent url("../assets/angular.svg") no-repeat center center;
background-size: 100%;
background-size: 80%;
}
packages/overlayscrollbars-ngx/example/src/assets/angular.svg
+10 -11
View File
@@ -1,16 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 250 250" style="enable-background:new 0 0 250 250;" xml:space="preserve">
<style type="text/css">
.st0{fill:#DD0031;}
.st1{fill:#C3002F;}
.st2{fill:#FFFFFF;}
</style>
width="804.385px" height="864px" viewBox="557.808 129.6 804.385 864" enable-background="new 557.808 129.6 804.385 864"
xml:space="preserve">
<g>
<polygon class="st0" points="125,30 125,30 125,30 31.9,63.2 46.1,186.3 125,230 125,230 125,230 203.9,186.3 218.1,63.2 "/>
<polygon class="st1" points="125,30 125,52.2 125,52.1 125,153.4 125,153.4 125,230 125,230 203.9,186.3 218.1,63.2 125,30 "/>
<path class="st2" d="M125,52.1L66.8,182.6h0h21.7h0l11.7-29.2h49.4l11.7,29.2h0h21.7h0L125,52.1L125,52.1L125,52.1L125,52.1
L125,52.1z M142,135.4H108l17-40.9L142,135.4z"/>
<polygon fill="#DD0031" points="960,129.6 960,129.6 960,129.6 557.808,273.024 619.152,804.816 960,993.6 960,993.6 960,993.6
1300.848,804.816 1362.192,273.024 "/>
<polygon fill="#C3002F" points="960,129.6 960,225.504 960,225.072 960,662.688 960,662.688 960,993.6 960,993.6 1300.848,804.816
1362.192,273.024 "/>
<path fill="#FFFFFF" d="M960,225.072l-251.424,563.76l0,0h93.744l0,0l50.544-126.144h213.408l50.544,126.144l0,0h93.743l0,0
L960,225.072L960,225.072L960,225.072L960,225.072L960,225.072z M1033.44,584.928H886.56L960,408.24L1033.44,584.928z"/>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 883 B

After

Width:  |  Height:  |  Size: 1.1 KiB

packages/overlayscrollbars-ngx/example/src/assets/overlayscrollbars.svg
+25 -20
View File
@@ -1,27 +1,32 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="708.75px" height="472.5px" viewBox="0 0 708.75 472.5" enable-background="new 0 0 708.75 472.5" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="2.7998" y1="236.25" x2="705.9502" y2="236.25">
<svg version="1.1" id="Line" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="702px" height="468px" viewBox="0 0 702 468" enable-background="new 0 0 702 468" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.9951" y1="234" x2="700.0049" y2="234">
<stop offset="0" style="stop-color:#36BEFD"/>
<stop offset="1" style="stop-color:#6461F6"/>
</linearGradient>
<path fill="none" stroke="url(#SVGID_1_)" stroke-width="46.9" stroke-linecap="round" stroke-miterlimit="10" d="M577.5,341.25H420
c-16.656,0-31.977,7.648-42.043,20.992c-3.203,4.289-5.781,9.066-7.582,14.102c-1.93,5.52-2.945,11.43-2.945,17.406v1.613
c0.133,5.133,1.133,10.684,2.973,15.867c0.563,1.559,1.215,3.109,1.887,4.449c2.305,4.82,4.809,8.68,7.641,11.902
c10.199,11.98,24.703,18.668,40.07,18.668h157.5c33.348,0,64-15.32,84.09-42.027c9.203-12.305,15.738-26.852,18.859-42.012
c1.348-6.805,2.051-13.914,2.051-20.961s-0.703-14.156-2.09-21.137c-3.082-14.984-9.617-29.531-18.863-41.891
C641.5,251.57,610.848,236.25,577.5,236.25h-105c-28.949,0-52.5-23.551-52.5-52.5s23.551-52.5,52.5-52.5H630
c22.242,0,42.141-14.055,49.512-34.973c1.977-5.645,2.988-11.551,2.988-17.527s-1.012-11.883-3.004-17.57
c-5.699-16.219-19.598-28.961-36.27-33.227c-4.32-1.156-8.684-1.703-13.227-1.703H236.32c-48.633,0-94.285,16.133-132.035,46.664
c-16.566,13.422-30.914,29.133-42.625,46.668c-9.84,14.656-17.723,30.332-23.461,46.633c-5.367,15.273-8.945,30.953-10.629,46.602
c-0.883,7.73-1.32,15.566-1.32,23.434s0.438,15.703,1.301,23.277c1.703,15.805,5.281,31.484,10.656,46.77
c5.73,16.289,13.613,31.965,23.418,46.574c11.746,17.582,26.094,33.293,42.684,46.738c37.727,30.508,83.379,46.641,132.012,46.641
c7.637,0,14.734-0.383,21.695-1.168"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="107.7998" y1="236.25" x2="364.7002" y2="236.25">
<stop offset="0" style="stop-color:#36BEFD"/>
<stop offset="1" style="stop-color:#6461F6"/>
</linearGradient>
<circle fill="none" stroke="url(#SVGID_2_)" stroke-width="46.9" stroke-linecap="round" stroke-miterlimit="10" cx="236.25" cy="236.25" r="105"/>
<path fill="none" stroke="url(#SVGID_1_)" stroke-width="48" stroke-linecap="round" stroke-miterlimit="10" d="M234.014,337.502
c-9.188,0-18.292-1.193-27.057-3.545c-13.539-3.633-26.531-10.188-37.572-18.955c-10.933-8.682-20.222-19.736-26.863-31.969
c-6.813-12.549-11.024-26.725-12.18-40.996c-1.188-14.668,0.756-29.659,5.62-43.355c4.671-13.151,12.186-25.547,21.73-35.847
c9.515-10.269,21.266-18.694,33.982-24.368c13.146-5.865,27.781-8.966,42.325-8.966c3.586,0,7.203,0.184,10.75,0.547
c14.193,1.452,28.242,5.949,40.627,13.003c12.096,6.889,22.958,16.396,31.414,27.495c8.555,11.229,14.85,24.37,18.203,38.003
c3.509,14.265,3.951,29.467,1.278,43.964c-2.561,13.884-8.109,27.427-16.047,39.163c-7.806,11.541-18.112,21.643-29.805,29.211
c-11.912,7.709-25.592,12.986-39.562,15.258C245.323,337.045,239.656,337.502,234.014,337.502
C234.014,337.502,234.014,337.502,234.014,337.502z M570.998,338h-6.215h-26.65H500.59h-39.085h-31.278h-14.12
c-14.94,0-29.099,6.24-38.846,17.121c-12.376,13.813-16.449,33.305-10.63,50.865c6.084,18.361,22.291,32.152,41.292,35.137
c3.765,0.59,7.247,0.877,10.646,0.877h21.281h35.12h39.608h34.746h20.533c4.154,0,7.918-0.318,11.725-0.674
c11.898-1.107,23.729-4.436,35.166-9.893c21.475-10.246,38.934-27.695,49.156-49.133c10.625-22.271,12.957-47.695,6.57-71.588
c-6.066-22.697-19.951-42.912-39.094-56.922c-17.434-12.762-39.299-19.79-61.566-19.79h-19.836h-37.801h-34.63h-0.238
c-0.064,0-0.128,0-0.192,0c-7.594,0-14.766-0.01-20.863-1.207c-13.334-2.618-25.441-10.797-33.215-22.437
c-3.901-5.841-6.721-12.783-8.154-20.074c-1.492-7.591-0.939-15.579,1.642-23.742c4.497-14.223,14.729-25.905,28.074-32.053
c6.373-2.936,13.886-4.487,21.729-4.487h3.353h22.485h35.71h39.555h34.021h19.109c6.848,0,13.436-1.16,19.578-3.448
c16.672-6.206,29.244-20.975,32.814-38.542c3.609-17.757-2.477-36.397-15.879-48.646C649.65,30.746,637.154,26,623.891,26h-6.633
h-15.867h-23.605h-29.85h-34.594h-37.846h-39.599h-39.858h-38.619h-35.885h-31.655H263.95h-18.707h-9.988
c-13.158,0-23.905,0.728-33.822,2.288c-20.802,3.273-40.457,9.37-58.42,18.12c-18.023,8.778-34.679,20.118-49.506,33.705
c-14.775,13.541-27.499,29.094-37.814,46.228c-10.511,17.454-18.368,36.299-23.354,56.01c-5.159,20.397-7.188,41.485-6.027,62.679
c1.14,20.832,5.375,41.268,12.586,60.732c7.001,18.898,16.719,36.666,28.885,52.811c12.035,15.973,26.277,30.115,42.335,42.037
c16.245,12.059,34.087,21.652,53.04,28.514c19.537,7.074,39.766,11.68,60.63,12.662c3.03,0.145,6.092,0.215,9.211,0.215
c6.56,0,13.266-0.314,20.096-0.945c6.583-0.607,12.544-1.428,18.352-2.508c3.41-0.633,6.481-1.338,9.647-2.152"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB