Index: lams_central/web/css/authoring-svg.css =================================================================== diff -u -r623a1b2fa4f7acd6e5ebd5a8119d6dcd0b5140e8 -r90d91a7e4abccc10c60396fc9bf5e6c40083691b --- lams_central/web/css/authoring-svg.css (.../authoring-svg.css) (revision 623a1b2fa4f7acd6e5ebd5a8119d6dcd0b5140e8) +++ lams_central/web/css/authoring-svg.css (.../authoring-svg.css) (revision 90d91a7e4abccc10c60396fc9bf5e6c40083691b) @@ -10,11 +10,13 @@ stroke-width: 3; } +.svg-tool-activity-border-grouped { + fill: white; +} + .svg-tool-activity-background { stroke: none; fill: white; - -webkit-filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); - filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); } .svg-tool-activity-category-1 { @@ -60,16 +62,10 @@ font-size : 12px; } -.svg-activity-gate { - -webkit-filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); - filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); -} .svg-branching { stroke-width: 3; fill: white; - -webkit-filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); - filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); } .svg-branching-start { @@ -99,4 +95,9 @@ stroke-width: 2; stroke: rgb(119, 126, 157); stroke-dasharray: 5, 3; +} + +.svg-shadow { + -webkit-filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); + filter: drop-shadow( 2px 2px 2px rgba(0, 0, 0, .3)); } \ No newline at end of file Index: lams_central/web/includes/javascript/authoring/authoringActivity.js =================================================================== diff -u -re34f9328dda68a9859d4eb5fb63cf858b443a82f -r90d91a7e4abccc10c60396fc9bf5e6c40083691b --- lams_central/web/includes/javascript/authoring/authoringActivity.js (.../authoringActivity.js) (revision e34f9328dda68a9859d4eb5fb63cf858b443a82f) +++ lams_central/web/includes/javascript/authoring/authoringActivity.js (.../authoringActivity.js) (revision 90d91a7e4abccc10c60396fc9bf5e6c40083691b) @@ -348,7 +348,7 @@ // create activity SVG elements var shape = paper.circle(x, y, 20) - .addClass('svg-branching svg-branching-' + (this.isStart ? 'start' : 'end')), + .addClass('svg-branching svg-shadow svg-branching-' + (this.isStart ? 'start' : 'end')), icon = ActivityLib.getActivityIcon(this.isStart ? 'branchingStart' : 'branchingEnd'); icon.select('svg').attr({ 'x' : x - 15, @@ -456,7 +456,7 @@ }); this.items = paper.g(shape); - this.items.addClass('svg-activity-gate'); + this.items.addClass('svg-activity-gate svg-shadow'); if (this.readOnly && !isReadOnlyMode) { this.items.attr('filter', layout.conf.readOnlyFilter); } @@ -500,9 +500,9 @@ ' h ' + (-width + 2 * curve) + ' q ' + -curve + ' 0 ' + -curve + ' ' + -curve + ' v ' + (-height + 2 * curve) + ' q 0 ' + -curve + ' ' + curve + ' ' + -curve, shape = paper.path(shapePath) - .addClass('svg-tool-activity-background'), + .addClass('svg-tool-activity-background svg-shadow'), shapeBorder = paper.path(shapePath) - .addClass('svg-tool-activity-border' + (this.requireGrouping ? '-require-grouping' : '')), + .addClass('svg-tool-activity-border'), // check for icon in the library icon = ActivityLib.getActivityIcon('grouping'), label = ActivityLib.wrapActivityTitle(this.title, x, y); @@ -700,7 +700,7 @@ shapePath = bannerPath + ' h ' + (width - 2 * curve) + ' q ' + curve + ' 0 ' + curve + ' ' + curve + ' v ' + (height - 2 * curve) + ' q 0 ' + curve + ' ' + -curve + ' ' + curve + ' z', shape = paper.path(shapePath) - .addClass('svg-tool-activity-background'), + .addClass('svg-tool-activity-background ' + (this.grouping ? '' : 'svg-shadow')), shapeBorder = paper.path(shapePath) .addClass('svg-tool-activity-border' + (this.requireGrouping ? '-require-grouping' : '')), label = ActivityLib.wrapActivityTitle(this.title, x, y), @@ -961,7 +961,7 @@ activityBox.width, activityBox.height, 5, 5) - .addClass('svg-tool-activity-border'); + .addClass('svg-tool-activity-border svg-tool-activity-border-grouped svg-shadow'); activity.items.prepend(activity.items.groupingEffect);