kevin/r2c
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add customscrollbar+scrollto+blob

Browse Source
This commit is contained in:
figureslibres
2018-09-23 21:07:04 +02:00
parent 542996f0bb
commit 99f9145abf
160 changed files with 1966 additions and 1680 deletions
Download Patch File Download Diff File Expand all files Collapse all files
user/themes/.directory
+4
View File
@@ -0,0 +1,4 @@
[Dolphin]
Timestamp=2018,9,23,17,27,43
Version=4
ViewMode=2
user/themes/r2c/.directory
+4
View File
@@ -0,0 +1,4 @@
[Dolphin]
Timestamp=2018,9,23,17,27,45
Version=4
ViewMode=2
user/themes/r2c/css-compiled/template.css
+5 -3
View File
File diff suppressed because one or more lines are too long
user/themes/r2c/css-compiled/template.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
user/themes/r2c/css/.directory
+4
View File
@@ -0,0 +1,4 @@
[Dolphin]
Timestamp=2018,9,23,17,31,44
Version=4
ViewMode=2
user/themes/r2c/css/jquery.mCustomScrollbar.css
+416 -416
View File
File diff suppressed because it is too large Load Diff
user/themes/r2c/css/mCustomScrollbar_style.css
+38 -37
View File
@@ -13,6 +13,7 @@ body{
min-width: 480px;
}
a{
color: inherit;
-webkit-transition: all .2s ease-in-out;
@@ -62,8 +63,8 @@ header{
margin-right: 20px;
}
.logo img{
vertical-align: bottom;
.logo img{
vertical-align: bottom;
border: 0;
}
@@ -229,7 +230,7 @@ code{
.content.light p:nth-child(3n+3){ color: #666; }
.content p.full:nth-child(odd), .content p.half:nth-child(odd),
.content p.full:nth-child(odd), .content p.half:nth-child(odd),
.content p.full:nth-child(3n+3), .content p.half:nth-child(3n+3){
background: none;
padding: 0;
@@ -475,9 +476,9 @@ hr + .content:nth-child(odd) h2{
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#examples.resizable{
background:#444;
padding-bottom: 30px;
#examples.resizable{
background:#444;
padding-bottom: 30px;
}
#resizable.content{
@@ -588,7 +589,7 @@ hr + .content:nth-child(odd) h2{
#sortable li:active, #sortable .ui-sortable-helper{ background: #eb3755; }
#examples.tabs, #examples.accordion, #examples.autocomplete{
#examples.tabs, #examples.accordion, #examples.autocomplete{
padding: 5px 20px 20px 20px;
background-color: #333;
}
@@ -601,9 +602,9 @@ hr + .content:nth-child(odd) h2{
#tabs{ margin-bottom: 20px; }
#tabs, #tabs-2, #accordion{
width: 600px;
max-width:95%;
#tabs, #tabs-2, #accordion{
width: 600px;
max-width:95%;
}
#examples.tabs .ui-widget-content{ background-image: none; }
@@ -622,15 +623,15 @@ hr + .content:nth-child(odd) h2{
#autocomplete:focus{ outline: none; }
.ui-menu a{
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.ui-menu .mCSB_container{ padding: 2px; }
.ui-menu .mCSB_scrollTools{
.ui-menu .mCSB_scrollTools{
right: 5px;
margin-top: 5px;
margin-bottom: 5px;
@@ -659,16 +660,16 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
float: left;
}
.all-themes .content h2, .all-themes .content p, .all-themes .content hr{
.all-themes .content h2, .all-themes .content p, .all-themes .content hr{
width: 240px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr,
.all-themes #content-m h2, .all-themes #content-m p, .all-themes #content-m hr,
.all-themes #content-md h2, .all-themes #content-md p, .all-themes #content-md hr{ width: 270px; }
.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr,
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr,
.all-themes .content.expanded-content h2, .all-themes .content.expanded-content p, .all-themes .content.expanded-content hr,
.all-themes #content-m.expanded-content h2, .all-themes #content-m.expanded-content p, .all-themes #content-m.expanded-content hr,
.all-themes #content-md.expanded-content h2, .all-themes #content-md.expanded-content p, .all-themes #content-md.expanded-content hr{ width: 540px; }
.max-height-example .content{
@@ -678,7 +679,7 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
.max-width-example{ min-width: 620px; }
.max-width-example .content{
.max-width-example .content{
height: auto;
width: auto;
max-width: 50%;
@@ -700,12 +701,12 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
.max-width-example .content ul li > a{
display: block;
padding: 20px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
background: rgba(0,0,0,0.3);
}
.snap-scrolling-example .content{
height: auto;
.snap-scrolling-example .content{
height: auto;
width: 853px;
}
@@ -723,9 +724,9 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
}
.textarea-example .content textarea{
height:160px;
resize:none;
overflow:hidden;
height:160px;
resize:none;
overflow:hidden;
outline:none;
margin: 0;
border:none;
@@ -734,7 +735,7 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
}
.textarea-example .content .textarea-wrapper{
height:182px;
height:182px;
overflow:hidden;
background-color: #bbb;
background-color: rgba(255,255,255,0.6);
@@ -745,11 +746,11 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
}
.textarea-example .textarea-clone{
position:absolute;
top:-9999px;
left:-9999px;
visibility:hidden;
min-height: 160px;
position:absolute;
top:-9999px;
left:-9999px;
visibility:hidden;
min-height: 160px;
word-wrap: break-word;
white-space: pre-wrap;
}
@@ -805,10 +806,10 @@ body.colorbox-demo #cboxContent, body.colorbox-demo #cboxContent p, body.colorbo
}
.transitions .content{
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
-webkit-transition: all .6s ease-out;
-moz-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;
}
footer{
@@ -826,4 +827,4 @@ footer a{ margin-right: 20px; }
@media only screen and (min-width: 1629px){
.showcase .horizontal-images.content{ width: 700px; }
}
}
user/themes/r2c/js/.directory
+4
View File
@@ -0,0 +1,4 @@
[Dolphin]
Timestamp=2018,9,23,17,27,52
Version=4
ViewMode=2
user/themes/r2c/js/script.js
+20
View File
@@ -317,8 +317,28 @@ function dragcanvas() {
});
}
function mCustomScrollbar() {
$('.blocs').mCustomScrollbar({
scrollInertia: 0
});
$('.blocs').mCustomScrollbar("update");
$(document).on("click","a[href^='#']",function(e){
var href=$(this).attr("href"),target=$(href).parents(".mCustomScrollbar");
if(target.length){
e.preventDefault();
target.mCustomScrollbar("scrollTo",href);
}
});
}
$(document).ready(function() {
// gestionarray();
mCustomScrollbar();
clickhand();
drag();
dragcanvas();
user/themes/r2c/js/script_paperjs.js
+1
View File
@@ -25,6 +25,7 @@ path.fillColor = 'grey';
// Add 5 segment points to the path spread out
// over the width of the view:
for (var i = 0; i <= amount.length; i++) {
var maxPoint = new Point(300, 100);
var point = maxPoint * Point.random(view.size);
user/themes/r2c/package-lock.json
Generated
+282 -359
View File
File diff suppressed because it is too large Load Diff
user/themes/r2c/scss/template/_section.scss
+5 -2
View File
@@ -42,7 +42,7 @@ body{
.blocs{
position: absolute;
overflow-y: auto;
overflow-y: hidden;
margin: 0;
width: $W33;
min-width: 200px;
@@ -71,6 +71,9 @@ body{
}
&:nth-of-type(-n+3){
& > div:nth-child(n+1){
overflow: hidden;
}
.mCSB_container > div:last-child{
margin-bottom: 25px;
}
}
@@ -112,7 +115,7 @@ body{
width: 100vw;
height: 100vh;
.leaflet-marker-pane{
img{
img{
transform: translate(-25px, -25px);
}
}
user/themes/r2c/templates/default.html.twig
+1 -1
View File
@@ -8,7 +8,7 @@
{% block body %}
{% for module in page.collection %}
<div id="{{ _self.pageLinkName(module.folder) }}" class="blocs">
<div id="{{ _self.pageLinkName(module.folder) }}" class="blocs mCustomScrollbar">
{{ module.content }}
</div>
{% endfor %}
user/themes/r2c/templates/partials/base.html.twig
+4 -1
View File
@@ -16,6 +16,7 @@
<link rel="canonical" href="{{ page.url(true, true) }}" />
{% block stylesheets %}
{% do assets.addCss('theme://css/jquery.mCustomScrollbar.css') %}
{% do assets.addCss('theme://css/jquery-ui.css') %}
{% do assets.addCss('theme://css-compiled/template.css') %}
{% do assets.addCss('theme://css/styles_3djs.css') %}
@@ -76,8 +77,8 @@
{% do assets.addJs('theme://js/d3.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/script_d3js.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/paper_full.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/jquery.mCustomScrollbar.concat.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/jquery.ui.touch-punch.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/script.js', {group:'bottom'}) %}
{# % do assets.addJs('theme://js/leaflet.js', {group:'bottom'}) % #}
{# do assets.addJs('theme://js/script_paperjs.js', {type:'text/paperscript', canvas:'canvas', group:'bottom'}) #}
@@ -85,6 +86,8 @@
<script type="text/paperscript" src="user/themes/r2c/js/script_paperjs.js" canvas="canvas"></script>
<script src="user/themes/r2c/js/leaflet.js" crossorigin=""></script>
{% do assets.addJs('theme://js/script.js', {group:'bottom'}) %}
{% endblock %}
{{ assets.js() }}