diff --git a/core/modules/outside_in/css/outside_in.module.css b/core/modules/outside_in/css/outside_in.module.css index a3e2ea5..a7fec82 100644 --- a/core/modules/outside_in/css/outside_in.module.css +++ b/core/modules/outside_in/css/outside_in.module.css @@ -24,7 +24,7 @@ width: 40px; border: 0; border-radius: 0; - background: url(/core/misc/icons/bebebe/ex.svg) center center no-repeat; + background: url(../../../misc/icons/bebebe/ex.svg) center center no-repeat; color: transparent; cursor: pointer; z-index: 501; @@ -81,7 +81,7 @@ margin-right: -300px; padding-top: 39px; } - /* Wrap the rest of the site so we can control it's width. */ + /* Wrap the rest of the site so we can control its width. */ #main-canvas-wrapper #main-canvas { display: inline-block; width: 100%; @@ -116,7 +116,7 @@ -ms-transform: translateX(-100%); transform: translateX(-100%); } - /* Wrap the rest of the site so we can control it's width. */ + /* Wrap the rest of the site so we can control its width. */ #main-canvas-wrapper #main-canvas { display: inline-block; width: 100%; @@ -141,7 +141,7 @@ display: inline-block; width: 30%; } - /* Wrap the rest of the site so we can control it's width. */ + /* Wrap the rest of the site so we can control its width. */ #main-canvas-wrapper #main-canvas { display: inline-block; width: 100%; @@ -158,7 +158,7 @@ display: inline-block; width: 25%; } - /* Wrap the rest of the site so we can control it's width. */ + /* Wrap the rest of the site so we can control its width. */ #main-canvas-wrapper #main-canvas { display: inline-block; width: 100%; diff --git a/core/modules/outside_in/css/outside_in.theme.css b/core/modules/outside_in/css/outside_in.theme.css index c263ba0..c063115 100644 --- a/core/modules/outside_in/css/outside_in.theme.css +++ b/core/modules/outside_in/css/outside_in.theme.css @@ -20,7 +20,7 @@ button.toolbar-icon.toolbar-icon-edit.toolbar-item:focus { } button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:hover, button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:focus { - background-image: url(../../images/core/icons/ffffff/pencil.svg); + background-image: url(../../../misc/icons/ffffff/pencil.svg); } button.toolbar-icon.toolbar-icon-edit.toolbar-item:hover, button.toolbar-icon.toolbar-icon-edit.toolbar-item:focus { @@ -29,10 +29,10 @@ button.toolbar-icon.toolbar-icon-edit.toolbar-item:focus { outline: none; } button.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before { - background-image: url(../../images/core/icons/ffffff/pencil.svg); + background-image: url(../../../misc/icons/ffffff/pencil.svg); } #toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before { - background-image: url(../../images/core/icons/ffffff/pencil.svg); + background-image: url(../../../misc/icons/ffffff/pencil.svg); } /* Style the toolbar when in edit mode. */ @@ -47,7 +47,7 @@ button.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:be color: #333; } /* Set color back to white for 'editing' button only. */ -#toolbar-bar.js-outside-in-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active { +#toolbar-bar.js-outside-in-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active { color: #fff; } #toolbar-bar.js-outside-in-edit-mode button.toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover { diff --git a/core/modules/outside_in/js/offcanvas.js b/core/modules/outside_in/js/offcanvas.js index 5a03e8a..6904f3e 100644 --- a/core/modules/outside_in/js/offcanvas.js +++ b/core/modules/outside_in/js/offcanvas.js @@ -1,6 +1,6 @@ /** * @file - * Drupal's off canvas library. + * Drupal's off-canvas library. */ (function ($, Drupal) { @@ -8,13 +8,13 @@ 'use strict'; /** - * Create a wrapper container for the off canvas element. + * Create a wrapper container for the off-canvas element. * - * @param {number} pageWidth + * @param {number} pageWidth * The width of #page-wrapper. * * @return {object} - * jQuery object that is the off canvas wrapper element. + * jQuery object that is the off-canvas wrapper element. */ var createOffCanvasWrapper = function (pageWidth) { return $('
', { @@ -25,41 +25,41 @@ }; /** - * Create the title element for the off canvas element. + * Create the title element for the off-canvas element. * - * @param {string} title + * @param {string} title * The title string. * * @return {object} - * jQuery object that is the off canvas title element. + * jQuery object that is the off-canvas title element. */ var createTitle = function (title) { return $('

', {text: title, id: 'offcanvas-header'}); }; /** - * Create the actual off canvas content. + * Create the actual off-canvas content. * - * @param {string} data + * @param {string} data * This is fully rendered HTML from Drupal. * * @return {object} - * jQuery object that is the off canvas content element. + * jQuery object that is the off-canvas content element. */ var createOffCanvasContent = function (data) { return $('
', {class: 'offcanvas-content', html: data}); }; /** - * Create the off canvas close element. + * Create the off-canvas close element. * * @param {object} offCanvasWrapper - * The jQuery off canvas wrapper element + * The jQuery off-canvas wrapper element * @param {object} pageWrapper * The jQuery off page wrapper element * * @return {jQuery} - * jQuery object that is the off canvas close element. + * jQuery object that is the off-canvas close element. */ var createOffCanvasClose = function (offCanvasWrapper, pageWrapper) { return $('