vmario/doodle3d-client
0
0
Fork 0
mirror of https://github.com/Doodle3D/doodle3d-client.git synced 2024-11-22 09:17:56 +01:00
Code Issues Releases Wiki Activity

slight adjustments to styling and positioning of help tour elements

Browse Source
This commit is contained in:
Adriaan Wormgoor 2013-10-23 18:45:19 +02:00
parent e579c27284
commit 8350425070
3 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
js_src/libs/jquery-joyride-2-1.js vendored
View File

@ -632,11 +632,14 @@
expose = $(settings.template.expose); expose = $(settings.template.expose);
settings.$body.append(expose); settings.$body.append(expose);
// console.log("JOYRIDE >> EXPOSE INFO >> el[0].clientWidth: " + el[0].clientWidth + ", el: " , el , ", el[0]: " , el[0] , ", el.offset: " , el.offset() , ", el.clientWidth: " + el.clientWidth + ", el.outerWidth: " + el.outerWidth(true)) // console.log("JOYRIDE >> EXPOSE INFO >> el[0].clientWidth: " + el[0].clientWidth + ", el: " , el , ", el[0]: " , el[0] , ", el.offset: " , el.offset() , ", el.clientWidth: " + el.clientWidth + ", el.outerWidth: " + el.outerWidth(true))
// console.log("JOYRIDE >> EXPOSE INFO >> el.css('margin'): " + el.css('margin'));
// console.log("JOYRIDE >> EXPOSE INFO >> el.css('margin-left'): " + el.css('margin-left'));
expose.css({ expose.css({
top: el.offset().top, // margin: el.css('margin'),
left: el.offset().left, top: el.offset().top - 2, // CAVEMAN PADDING!
width: el[0].clientWidth, left: el.offset().left - 2, // CAVEMAN PADDING!
height: el[0].clientHeight width: el[0].clientWidth + 4, // CAVEMAN PADDING!
height: el[0].clientHeight + 4 // CAVEMAN PADDING!
// width: el.outerWidth(true), // width: el.outerWidth(true),
// height: el.outerHeight(true) // height: el.outerHeight(true)
}); });
@ -651,10 +654,14 @@
} }
el.data('expose-css',origCSS); el.data('expose-css',origCSS);
exposeCover.css({ exposeCover.css({
top: el.offset().top, top: el.offset().top - 2, // CAVEMAN PADDING!
left: el.offset().left, left: el.offset().left - 2, // CAVEMAN PADDING!
width: el.outerWidth(true), width: el[0].clientWidth + 4, // CAVEMAN PADDING!
height: el.outerHeight(true) height: el[0].clientHeight + 4 // CAVEMAN PADDING!
// top: el.offset().top,
// left: el.offset().left,
// width: el.outerWidth(true),
// height: el.outerHeight(true)
}); });
settings.$body.append(exposeCover); settings.$body.append(exposeCover);
expose.addClass(randId); expose.addClass(randId);

17
less/help_joyride-2.1.less
View File

@ -1,14 +1,16 @@
//@helpBlue: #2470E2; //@helpBlue: #2470E2;
@modalBgColor: rgba(0,0,0, 0.30);
@darkBlue: #013; @darkBlue: #013;
@helpBlue: #1B76FF; @helpBlue: #1B76FF;
@helpFullBlue: rgb(0,85,214); @helpFullBlue: rgb(0,85,214);
@helpDarkBlue: darken(desaturate(@helpBlue, 25%), 35%); @helpDarkBlue: darken(desaturate(@helpBlue, 25%), 35%);
@tipBgColor: rgba(255, 255, 255, 1.0);
/* Default styles for the container */ /* Default styles for the container */
.joyride-tip-guide { .joyride-tip-guide {
position: absolute; position: absolute;
// background: #000; // background: #000;
background: rgba(255, 255, 255, 0.92); background: @tipBgColor;
display: none; display: none;
color: @darkBlue; color: @darkBlue;
// color: rgb(0,99,255); // color: rgb(0,99,255);
@ -248,12 +250,7 @@
position: fixed; position: fixed;
height: 100%; height: 100%;
width: 100%; width: 100%;
// background: rgb(0,0,0); background: @modalBgColor;
// background: transparent;
background: rgba(0,0,0, 0.30);
// -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
// filter: alpha(opacity=50);
// opacity: 0.5;
z-index: 100; z-index: 100;
display: none; display: none;
top: 0; top: 0;
@ -262,12 +259,10 @@
} }
.joyride-expose-wrapper { .joyride-expose-wrapper {
background-color: #ffffff; background-color: #fff;
position: absolute; position: absolute;
z-index: 102; z-index: 102;
-moz-box-shadow: 0px 0px 30px #ffffff; box-shadow: 0px 0px 30px #fff;
-webkit-box-shadow: 0px 0px 30px #ffffff;
box-shadow: 0px 0px 30px #ffffff;
border-radius: 5px; border-radius: 5px;
} }

2
www/js/libs/jquery-joyride-2-1.min.js vendored
View File

File diff suppressed because one or more lines are too long