upgrades core to 8.4.2

This commit is contained in:
Bachir Soussi Chiadmi
2017-11-14 16:09:54 +01:00
parent bd60eff9b3
commit c2b4e25be4
3504 changed files with 140306 additions and 38684 deletions
+3 -3
View File
@@ -46,8 +46,8 @@ regions:
footer_fourth: 'Footer fourth'
footer_fifth: 'Footer fifth'
# Information added by Drupal.org packaging script on 2017-08-16
version: '8.3.7'
# Information added by Drupal.org packaging script on 2017-11-03
version: '8.4.2'
core: '8.x'
project: 'drupal'
datestamp: 1502903957
datestamp: 1509719929
+1 -1
View File
@@ -78,7 +78,7 @@
}
[dir="rtl"] .color-preview-sidebar,
[dir="rtl"] .color-preview-content {
float: right;
float: right;
}
.color-preview-sidebar {
margin-left: 15px; /* LTR */
+46
View File
@@ -0,0 +1,46 @@
/**
* @file
* Preview for the Bartik theme.
*/
(function ($, Drupal, drupalSettings) {
Drupal.color = {
logoChanged: false,
callback(context, settings, $form) {
// Change the logo to be the real one.
if (!this.logoChanged) {
$('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
this.logoChanged = true;
}
// Remove the logo if the setting is toggled off.
if (drupalSettings.color.logo === null) {
$('div').remove('.color-preview-logo');
}
const $colorPreview = $form.find('.color-preview');
const $colorPalette = $form.find('.js-color-palette');
// Solid background.
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
// Text preview.
$colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
$colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
// Sidebar block.
const $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
$colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
$colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
// Footer wrapper background.
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
// CSS3 Gradients.
const gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
const gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
$colorPreview.find('.color-preview-header').attr('style', `background-color: ${gradient_start}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradient_start}), to(${gradient_end})); background-image: -moz-linear-gradient(-90deg, ${gradient_start}, ${gradient_end});`);
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
},
};
}(jQuery, Drupal, drupalSettings));
+9 -15
View File
@@ -1,20 +1,19 @@
/**
* @file
* Preview for the Bartik theme.
*/
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal, drupalSettings) {
'use strict';
Drupal.color = {
logoChanged: false,
callback: function (context, settings, $form) {
// Change the logo to be the real one.
callback: function callback(context, settings, $form) {
if (!this.logoChanged) {
$('.color-preview .color-preview-logo img').attr('src', drupalSettings.color.logo);
this.logoChanged = true;
}
// Remove the logo if the setting is toggled off.
if (drupalSettings.color.logo === null) {
$('div').remove('.color-preview-logo');
}
@@ -22,22 +21,17 @@
var $colorPreview = $form.find('.color-preview');
var $colorPalette = $form.find('.js-color-palette');
// Solid background.
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
// Text preview.
$colorPreview.find('.color-preview-main h2, .color-preview .preview-content').css('color', $colorPalette.find('input[name="palette[text]"]').val());
$colorPreview.find('.color-preview-content a').css('color', $colorPalette.find('input[name="palette[link]"]').val());
// Sidebar block.
var $colorPreviewBlock = $colorPreview.find('.color-preview-sidebar .color-preview-block');
$colorPreviewBlock.css('background-color', $colorPalette.find('input[name="palette[sidebar]"]').val());
$colorPreviewBlock.css('border-color', $colorPalette.find('input[name="palette[sidebarborders]"]').val());
// Footer wrapper background.
$colorPreview.find('.color-preview-footer-wrapper').css('background-color', $colorPalette.find('input[name="palette[footer]"]').val());
// CSS3 Gradients.
var gradient_start = $colorPalette.find('input[name="palette[top]"]').val();
var gradient_end = $colorPalette.find('input[name="palette[bottom]"]').val();
@@ -46,4 +40,4 @@
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
}
};
})(jQuery, Drupal, drupalSettings);
})(jQuery, Drupal, drupalSettings);
+2 -1
View File
@@ -132,7 +132,8 @@ img {
max-width: 100%;
height: auto;
}
ul, ol {
ul,
ol {
margin: 0;
padding: 0 0 0.25em 1em; /* LTR */
}
@@ -49,7 +49,6 @@
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 0.733em;
line-height: 1.2;
}
.comment__permalink {
font-size: 0.733em;
+11 -1
View File
@@ -172,6 +172,14 @@ input.form-submit:focus {
.node-form .form-wrapper {
margin-bottom: 2em;
}
.node-form .node-form-footer,
.node-form .field--name-status {
margin-bottom: 0;
}
.node-form .form-actions {
padding-top: 0;
margin-top: 0;
}
/* Contact Form */
.contact-form #edit-name {
@@ -316,7 +324,9 @@ input.form-submit:focus {
-moz-box-sizing: border-box;
}
.js .dropbutton .dropbutton-action > input, .js .dropbutton .dropbutton-action > a, .js .dropbutton .dropbutton-action > button {
.js .dropbutton .dropbutton-action > input,
.js .dropbutton .dropbutton-action > a,
.js .dropbutton .dropbutton-action > button {
text-align: center;
padding-left: 3em;
}
+1 -1
View File
@@ -21,7 +21,7 @@
}
.region-header .site-branding {
float: left; /* LTR */
/* margin-bottom: 1.857em;*/
/* margin-bottom: 1.857em; */
}
[dir="rtl"] .region-header .site-branding {
float: right;
+1 -1
View File
@@ -49,7 +49,7 @@ body.maintenance-page {
.maintenance-page .site-branding-text a:focus {
color: #777;
}
.maintenance-page .page-title {
.maintenance-page .page-title {
line-height: 1em;
margin-top: 0;
}
+4 -3
View File
@@ -8,6 +8,7 @@ hidden: true
libraries:
- classy/base
- classy/messages
- core/normalize
libraries-extend:
@@ -22,8 +23,8 @@ libraries-extend:
core/drupal.progress:
- classy/progress
# Information added by Drupal.org packaging script on 2017-08-16
version: '8.3.7'
# Information added by Drupal.org packaging script on 2017-11-03
version: '8.4.2'
core: '8.x'
project: 'drupal'
datestamp: 1502903957
datestamp: 1509719929
+1 -1
View File
@@ -8,7 +8,7 @@
}
.field--label-inline .field__label,
.field--label-inline .field__items {
float: left; /*LTR*/
float: left; /* LTR */
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
+1 -1
View File
@@ -3,7 +3,7 @@
* Default style for file module.
*/
/* File icons.*/
/* File icons. */
.file {
padding-left: 20px; /* LTR */
+4 -4
View File
@@ -8,13 +8,13 @@ form .field-multiple-table {
}
form .field-multiple-table .field-multiple-drag {
width: 30px;
padding-right: 0; /*LTR*/
padding-right: 0; /* LTR */
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: .5em; /*LTR*/
padding-right: .5em; /* LTR */
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
padding-right: 0;
@@ -64,8 +64,8 @@ label.option {
}
[dir="rtl"] .form-type-radio .description,
[dir="rtl"] .form-type-checkbox .description {
margin-left: 0;
margin-right: 2.4em;
margin-left: 0;
margin-right: 2.4em;
}
.marker {
color: #e00;
+12 -22
View File
@@ -17,27 +17,14 @@
border: 1px #07629a solid;
background: #057ec9;
background-image:
-webkit-linear-gradient( top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
-webkit-linear-gradient( left top,
#0094f0 0%,
#0094f0 25%,
#007ecc 25%,
#007ecc 50%,
#0094f0 50%,
#0094f0 75%,
#0094f0 100% );
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-image:
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
-webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-image:
linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) ),
linear-gradient( to right bottom,
#0094f0 0%,
#0094f0 25%,
#007ecc 25%,
#007ecc 50%,
#0094f0 50%,
#0094f0 75%,
#0094f0 100% );
linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)),
linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%);
background-size: 40px 40px;
margin-top: -1px;
margin-left: -1px; /* LTR */
@@ -61,11 +48,14 @@
* Progress bar animations.
*/
@-webkit-keyframes animate-stripes {
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
}
@-ms-keyframes animate-stripes {
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
}
@keyframes animate-stripes {
0% {background-position: 0 0, 0 0;} 100% {background-position: 0 0, -80px 0;}
0% { background-position: 0 0, 0 0; }
100% { background-position: 0 0, -80px 0; }
}
@@ -0,0 +1,27 @@
{#
/**
* @file
* Theme override to display a media item.
*
* Available variables:
* - name: Name of the media.
* - content: Media content.
*
* @see template_preprocess_media()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'media',
'media--type-' ~ media.bundle()|clean_class,
not media.isPublished() ? 'media--unpublished',
view_mode ? 'media--view-mode-' ~ view_mode.id()|clean_class,
]
%}
<article{{ attributes.addClass(classes) }}>
{% if content %}
{{ content }}
{% endif %}
</article>
@@ -21,7 +21,6 @@
* - class: HTML classes.
*/
#}
{{ attach_library('classy/messages') }}
{% block messages %}
{% for type, messages in message_list %}
{%
+1 -1
View File
@@ -128,7 +128,7 @@ function twig_render_template($template_file, array $variables) {
*
* @param array|object $element
* The parent renderable array to exclude the child items.
* @param string[] $args, ...
* @param string[] ...
* The string keys of $element to prevent printing.
*
* @return array
+3 -3
View File
@@ -4,8 +4,8 @@ name: Twig
# version: VERSION
package: Core
# Information added by Drupal.org packaging script on 2017-08-16
version: '8.3.7'
# Information added by Drupal.org packaging script on 2017-11-03
version: '8.4.2'
core: '8.x'
project: 'drupal'
datestamp: 1502903957
datestamp: 1509719929
+4
View File
@@ -172,3 +172,7 @@ details summary:focus,
details summary:hover {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
+13 -2
View File
@@ -42,7 +42,8 @@
color: #000;
text-decoration: underline;
}
.button, .button--primary {
.button,
.button--primary {
background: none !important;
}
.messages {
@@ -70,7 +71,17 @@
background: none;
border-radius: 4px;
}
input.form-autocomplete, input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-number, input.form-color, input.form-file, textarea.form-textarea, select.form-select {
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
textarea.form-textarea,
select.form-select {
border-width: 1px;
}
}
+1 -1
View File
@@ -60,7 +60,7 @@
}
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
background: #f5f5f2;
/*border-top: 1px solid #bfbfbf;*/
/* border-top: 1px solid #bfbfbf; */
margin: 0;
padding: 15px 20px;
border-bottom-left-radius: 5px;
@@ -169,7 +169,7 @@
.dropbutton-single .dropbutton-action a {
padding: 4px 1.5em;
border: 1px solid #a6a6a6;
border-radius: 20em!important;
border-radius: 20em !important;
background-color: #f2f1eb;
background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
@@ -180,7 +180,7 @@
-webkit-transition: all 0.1s;
transition: all 0.1s;
-webkit-font-smoothing: antialiased;
width: auto!important;
width: auto !important;
}
.dropbutton-single .dropbutton-action a:hover,
.dropbutton-single .dropbutton-action a:focus {
@@ -203,6 +203,9 @@
-webkit-transition: none;
transition: none;
}
.dropbutton-single .dropbutton-action a.use-ajax {
float: left;
}
/**
* The dropdown trigger.
@@ -17,6 +17,8 @@
padding: 1em 1.5em;
}
.entity-meta__title {
font-size: 1.231em;
font-weight: bold;
text-shadow: 0 1px 0 #fff;
margin: 0.25em 0;
}
@@ -55,5 +57,5 @@
text-shadow: 0 1px 0 white;
}
.entity-meta details .summary {
display: none; /* Hide JS summaries. @todo Rethink summaries. */
display: none; /* Hide JS summaries. @todo Rethink summaries. */
}
+3 -3
View File
@@ -127,7 +127,6 @@ label[for] {
padding: 0.25em 0.666em 0;
}
/* Filter */
ul.tips,
div.description,
@@ -254,8 +253,9 @@ select {
}
select:focus,
select:hover {
background-image: url(../../../../misc/icons/333333/caret-down.svg),
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
background-image:
url(../../../../misc/icons/333333/caret-down.svg),
-webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
color: #1a1a1a;
}
select:hover {
@@ -33,8 +33,6 @@
.ui-state-active,
.ui-widget-content .ui-state-active {
color: #840;
background: #fe6;
border: solid 1px #ed5;
}
.ui-state-error,
.ui-widget-content .ui-state-error {
@@ -0,0 +1,3 @@
.media-form .field--name-status {
margin-top: 1.5em;
}
+12 -6
View File
@@ -10,12 +10,18 @@
.messages pre {
margin: 0;
}
.messages h1, .messages .heading-a,
.messages h2, .messages .heading-b,
.messages h3, .messages .heading-c,
.messages h4, .messages .heading-d,
.messages h5, .messages .heading-e,
.messages h6, .messages .heading-f {
.messages h1,
.messages .heading-a,
.messages h2,
.messages .heading-b,
.messages h3,
.messages .heading-c,
.messages h4,
.messages .heading-d,
.messages h5,
.messages .heading-e,
.messages h6,
.messages .heading-f {
margin-top: 0;
}
@@ -71,7 +71,7 @@
@media screen and (min-width: 61em) {
.system-status-counter__status-icon,
.system-status-counter {
.system-status-counter {
height: 65px;
}
.system-status-counter__status-icon {
@@ -22,7 +22,7 @@
.system-status-report__entry--warning {
background-color: transparent;
}
/* Account for native and poly-filled details element */
/* Account for native and poly-filled details element */
.system-status-report__status-title {
position: relative;
padding: 1em 1em 1em 3em; /* LTR */
@@ -48,6 +48,10 @@ tbody tr.color-error:focus {
background: #fcf4f2;
}
table.no-highlight tr.selected td {
background: transparent;
}
td,
th {
vertical-align: middle;
+3 -3
View File
@@ -1,7 +1,7 @@
/**
* Tabs.
*/
.is-collapse-enabled .tabs,
.is-collapse-enabled .tabs,
.is-horizontal .tabs {
position: relative;
}
@@ -107,7 +107,7 @@ li.tabs__tab a {
}
/* Only add the arrow if there's space */
@media screen and (min-width:18.75em) { /* 300px */
@media screen and (min-width: 18.75em) { /* 300px */
.tabs.primary a {
background: url(../../../../misc/icons/0074bd/chevron-right.svg) 99% center no-repeat;
}
@@ -123,7 +123,7 @@ li.tabs__tab a {
}
/* JS dependent styling */
.is-collapse-enabled .tabs__trigger {
.is-collapse-enabled .tabs__trigger {
box-sizing: content-box;
display: block;
position: absolute;
@@ -74,7 +74,6 @@ details.fieldset-no-legend {
margin-right: 1.5em;
}
.views-admin-dependent .form-item .form-item,
.views-admin-dependent .form-type-checkboxes,
.views-admin-dependent .form-type-radios,
@@ -169,7 +168,7 @@ details.fieldset-no-legend {
*/
.views-displays .secondary {
text-align: left; /* LTR */
text-align: left; /* LTR */
}
[dir="rtl"] .views-displays .secondary {
text-align: right;
@@ -193,14 +192,14 @@ details.fieldset-no-legend {
color: #008BCB;
}
.views-displays .secondary .action-list li:first-child {
.views-displays .secondary .action-list li:first-child {
border-radius: 0 7px 0 0; /* LTR */
}
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
[dir="rtl"] .views-displays .secondary .action-list li:first-child {
border-radius: 7px 0 0 0;
}
.views-displays .secondary .action-list li:last-child {
.views-displays .secondary .action-list li:last-child {
border-radius: 0 0 7px 7px;
}
@@ -1,3 +1,9 @@
.layout-region-node-footer__content {
border-top: 1px solid #bebfb9;
padding-top: 0.5em;
margin-top: 1.5em;
}
/**
* Widescreen
*
@@ -14,4 +20,7 @@
margin-top: 1em;
margin-bottom: 1em;
}
.layout-region-node-footer__content {
margin-top: 0.5em;
}
}
@@ -59,5 +59,4 @@
width: auto;
max-width: 100%;
}
}
@@ -135,7 +135,9 @@
padding: 1em 0;
vertical-align: middle;
}
html, .install-page, .maintenance-page {
html,
.install-page,
.maintenance-page {
margin: 0;
width: 100%;
height: 100%;
@@ -0,0 +1,29 @@
(function () {
function findActiveStep(steps) {
for (let i = 0; i < steps.length; i++) {
if (steps[i].className === 'is-active') {
return i + 1;
}
}
// The final "Finished" step is never "active".
if (steps[steps.length - 1].className === 'done') {
return steps.length;
}
return 0;
}
function installStepsSetup() {
const steps = document.querySelectorAll('.task-list li');
if (steps.length) {
const header = document.querySelector('header[role="banner"]');
const stepIndicator = document.createElement('div');
stepIndicator.className = 'step-indicator';
stepIndicator.innerHTML = `${findActiveStep(steps)}/${steps.length}`;
header.appendChild(stepIndicator);
}
}
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', installStepsSetup);
}
}());
+9 -6
View File
@@ -1,14 +1,18 @@
/**
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function () {
'use strict';
function findActiveStep(steps) {
for (var i = 0; i < steps.length; i++) {
if (steps[i].className === 'is-active') {
return i + 1;
}
}
// The final "Finished" step is never "active".
if (steps[steps.length - 1].className === 'done') {
return steps.length;
}
@@ -29,5 +33,4 @@
if (document.addEventListener) {
document.addEventListener('DOMContentLoaded', installStepsSetup);
}
})();
})();
+51
View File
@@ -0,0 +1,51 @@
/**
* @file
* Responsive navigation tabs.
*
* This also supports collapsible navigable is the 'is-collapsible' class is
* added to the main element, and a target element is included.
*/
(function ($, Drupal) {
function init(i, tab) {
const $tab = $(tab);
const $target = $tab.find('[data-drupal-nav-tabs-target]');
const isCollapsible = $tab.hasClass('is-collapsible');
function openMenu(e) {
$target.toggleClass('is-open');
}
function handleResize(e) {
$tab.addClass('is-horizontal');
const $tabs = $tab.find('.tabs');
const isHorizontal = $tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
$tab.toggleClass('is-horizontal', isHorizontal);
if (isCollapsible) {
$tab.toggleClass('is-collapse-enabled', !isHorizontal);
}
if (isHorizontal) {
$target.removeClass('is-open');
}
}
$tab.addClass('position-container is-horizontal-enabled');
$tab.on('click.tabs', '[data-drupal-nav-tabs-trigger]', openMenu);
$(window).on('resize.tabs', Drupal.debounce(handleResize, 150)).trigger('resize.tabs');
}
/**
* Initialise the tabs JS.
*/
Drupal.behaviors.navTabs = {
attach(context, settings) {
const $tabs = $(context).find('[data-drupal-nav-tabs]');
if ($tabs.length) {
const notSmartPhone = window.matchMedia('(min-width: 300px)');
if (notSmartPhone.matches) {
$tabs.once('nav-tabs').each(init);
}
}
},
};
}(jQuery, Drupal));
+8 -15
View File
@@ -1,14 +1,11 @@
/**
* @file
* Responsive navigation tabs.
*
* This also supports collapsible navigable is the 'is-collapsible' class is
* added to the main element, and a target element is included.
*/
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal) {
'use strict';
function init(i, tab) {
var $tab = $(tab);
var $target = $tab.find('[data-drupal-nav-tabs-target]');
@@ -37,11 +34,8 @@
$(window).on('resize.tabs', Drupal.debounce(handleResize, 150)).trigger('resize.tabs');
}
/**
* Initialise the tabs JS.
*/
Drupal.behaviors.navTabs = {
attach: function (context, settings) {
attach: function attach(context, settings) {
var $tabs = $(context).find('[data-drupal-nav-tabs]');
if ($tabs.length) {
var notSmartPhone = window.matchMedia('(min-width: 300px)');
@@ -51,5 +45,4 @@
}
}
};
})(jQuery, Drupal);
})(jQuery, Drupal);
@@ -0,0 +1,52 @@
/**
* @file
* Provides responsive behaviors to HTML details elements.
*/
(function ($, Drupal) {
/**
* Initializes the responsive behaviors for details elements.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches the responsive behavior to status report specific details elements.
*/
Drupal.behaviors.responsiveDetails = {
attach(context) {
const $details = $(context).find('details').once('responsive-details');
if (!$details.length) {
return;
}
function detailsToggle(matches) {
if (matches) {
$details.attr('open', true);
$summaries.attr('aria-expanded', true);
$summaries.on('click.details-open', false);
}
else {
// If user explicitly opened one, leave it alone.
const $notPressed = $details
.find('> summary[aria-pressed!=true]')
.attr('aria-expanded', false);
$notPressed
.parent('details')
.attr('open', false);
// After resize, allow user to close previously opened details.
$summaries.off('.details-open');
}
}
function handleDetailsMQ(event) {
detailsToggle(event.matches);
}
var $summaries = $details.find('> summary');
const mql = window.matchMedia('(min-width:48em)');
mql.addListener(handleDetailsMQ);
detailsToggle(mql.matches);
},
};
}(jQuery, Drupal));
+11 -28
View File
@@ -1,22 +1,13 @@
/**
* @file
* Provides responsive behaviors to HTML details elements.
*/
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/2815083
* @preserve
**/
(function ($, Drupal) {
'use strict';
/**
* Initializes the responsive behaviors for details elements.
*
* @type {Drupal~behavior}
*
* @prop {Drupal~behaviorAttach} attach
* Attaches the responsive behavior to status report specific details elements.
*/
Drupal.behaviors.responsiveDetails = {
attach: function (context) {
attach: function attach(context) {
var $details = $(context).find('details').once('responsive-details');
if (!$details.length) {
@@ -28,16 +19,10 @@
$details.attr('open', true);
$summaries.attr('aria-expanded', true);
$summaries.on('click.details-open', false);
}
else {
// If user explicitly opened one, leave it alone.
var $notPressed = $details
.find('> summary[aria-pressed!=true]')
.attr('aria-expanded', false);
$notPressed
.parent('details')
.attr('open', false);
// After resize, allow user to close previously opened details.
} else {
var $notPressed = $details.find('> summary[aria-pressed!=true]').attr('aria-expanded', false);
$notPressed.parent('details').attr('open', false);
$summaries.off('.details-open');
}
}
@@ -52,6 +37,4 @@
detailsToggle(mql.matches);
}
};
})(jQuery, Drupal);
})(jQuery, Drupal);
+3 -3
View File
@@ -66,8 +66,8 @@ regions:
regions_hidden:
- sidebar_first
# Information added by Drupal.org packaging script on 2017-08-16
version: '8.3.7'
# Information added by Drupal.org packaging script on 2017-11-03
version: '8.4.2'
core: '8.x'
project: 'drupal'
datestamp: 1502903957
datestamp: 1509719929
+8
View File
@@ -119,3 +119,11 @@ tour-styling:
css:
theme:
css/components/tour.theme.css: {}
media-form:
version: VERSION
css:
layout:
css/components/media.css: {}
dependencies:
- media/form
+18 -31
View File
@@ -23,7 +23,7 @@ function seven_preprocess_html(&$variables) {
}
/**
* Implements hook_pre_render_HOOK() for menu-local-tasks templates.
* Implements hook_preprocess_HOOK() for menu-local-tasks templates.
*
* Use preprocess hook to set #attached to child elements
* because they will be processed by Twig and drupal_render will
@@ -147,42 +147,29 @@ function seven_preprocess_maintenance_page(&$variables) {
/**
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\node\NodeForm.
*
* Changes vertical tabs to container and adds meta information.
* Changes vertical tabs to container.
*/
function seven_form_node_form_alter(&$form, FormStateInterface $form_state) {
/** @var \Drupal\node\NodeInterface $node */
$node = $form_state->getFormObject()->getEntity();
$form['#theme'] = ['node_edit_form'];
$form['#attached']['library'][] = 'seven/node-form';
$form['advanced']['#type'] = 'container';
$is_new = !$node->isNew() ? format_date($node->getChangedTime(), 'short') : t('Not saved yet');
$form['meta'] = [
'#attributes' => ['class' => ['entity-meta__header']],
'#type' => 'container',
'#group' => 'advanced',
'#weight' => -100,
'published' => [
'#type' => 'html_tag',
'#tag' => 'h3',
'#value' => $node->isPublished() ? t('Published') : t('Not published'),
'#access' => !$node->isNew(),
'#attributes' => [
'class' => ['entity-meta__title'],
],
],
'changed' => [
'#type' => 'item',
'#wrapper_attributes' => ['class' => ['entity-meta__last-saved', 'container-inline']],
'#markup' => '<h4 class="label inline">' . t('Last saved') . '</h4> ' . $is_new,
],
'author' => [
'#type' => 'item',
'#wrapper_attributes' => ['class' => ['author', 'container-inline']],
'#markup' => '<h4 class="label inline">' . t('Author') . '</h4> ' . $node->getOwner()->getUsername(),
],
];
$form['meta']['#type'] = 'container';
$form['meta']['#access'] = TRUE;
$form['meta']['changed']['#wrapper_attributes']['class'][] = 'container-inline';
$form['meta']['author']['#wrapper_attributes']['class'][] = 'container-inline';
$form['revision_information']['#type'] = 'container';
$form['revision_information']['#group'] = 'meta';
}
/**
* Implements hook_form_BASE_FORM_ID_alter() for \Drupal\media\MediaForm.
*/
function seven_form_media_form_alter(&$form, FormStateInterface $form_state) {
// @todo Revisit after https://www.drupal.org/node/2892304 is in. It
// introduces a footer region to these forms which will allow for us to
// display a top border over the published checkbox by defining a
// media-edit-form.html.twig template the same way node does.
$form['#attached']['library'][] = 'seven/media-form';
}
@@ -0,0 +1,31 @@
{#
/**
* @file
* Theme override for a node edit form.
*
* Two column template for the node add/edit form.
*
* This template will be used when a node edit form specifies 'node_edit_form'
* as its #theme callback. Otherwise, by default, node add/edit forms will be
* themed by form.html.twig.
*
* Available variables:
* - form: The node add/edit form.
*
* @see seven_form_node_form_alter()
*/
#}
<div class="layout-node-form clearfix">
<div class="layout-region layout-region-node-main">
{{ form|without('advanced', 'footer', 'actions') }}
</div>
<div class="layout-region layout-region-node-secondary">
{{ form.advanced }}
</div>
<div class="layout-region layout-region-node-footer">
<div class="layout-region-node-footer__content">
{{ form.footer }}
{{ form.actions }}
</div>
</div>
</div>
+1 -1
View File
@@ -24,7 +24,7 @@ a.block-demo-backlink:visited {
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: small;
line-height: 20px;
left: 20px; /*LTR*/
left: 20px; /* LTR */
padding: 5px 10px;
position: fixed;
z-index: 499;
@@ -16,7 +16,9 @@ body {
}
}
ol, ul, dl {
ol,
ul,
dl {
/* Preserved spaces for list items with text direction other than the list.
* (CKEditor issues #6249,#8049) */
padding: 0 40px;
@@ -6,8 +6,6 @@
* "moono".
*/
.ckeditor-toolbar {
border: 1px solid #b6b6b6;
padding: 0.1667em 0.1667em 0.08em;
@@ -119,7 +117,7 @@
margin: 3px 6px;
padding: 3px;
}
.ckeditor-toolbar-configuration .fieldset-description{
.ckeditor-toolbar-configuration .fieldset-description {
margin-bottom: 1em;
}
.ckeditor-toolbar-disabled .ckeditor-toolbar-available,
@@ -17,14 +17,14 @@
position: relative;
}
@media screen and (max-width:600px) {
@media screen and (max-width: 600px) {
.js .dropbutton-wrapper {
width: 100%;
}
}
/* Splitbuttons */
@media screen and (min-width:600px) {
@media screen and (min-width: 600px) {
.form-actions .dropbutton-wrapper {
float: left; /* LTR */
}
+1 -1
View File
@@ -17,7 +17,7 @@ th {
tr:nth-child(odd) {
background-color: #ddd;
}
tr:nth-child(even){
tr:nth-child(even) {
background-color: #fff;
}
td {
@@ -8,8 +8,8 @@
border: 1px solid #ccc;
}
[dir="rtl"] .vertical-tabs {
margin-left: 0;
margin-right: 15em;
margin-left: 0;
margin-right: 15em;
}
.vertical-tabs__menu {
float: left; /* LTR */
+1 -1
View File
@@ -3,7 +3,7 @@
* Admin stylesheet for file module.
*/
/* File upload widget.*/
/* File upload widget. */
.form-managed-file .form-submit {
margin: 0 0.5em;
}
@@ -51,9 +51,9 @@
}
@keyframes quickedit-image-spin {
0% {transform: rotate(0deg);}
50% {transform: rotate(180deg);}
100% {transform: rotate(360deg);}
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
.quickedit-image-text {
@@ -99,7 +99,7 @@
* Toolbars.
*/
.quickedit-toolbar-container {
font-family: 'Source Sans Pro','Lucida Grande', sans-serif;
font-family: 'Source Sans Pro', 'Lucida Grande', sans-serif;
padding-bottom: 7px;
padding-top: 7px;
-webkit-transition: all 1s;
@@ -174,9 +174,9 @@
padding: 0.1667em 0.2em;
}
/**
* Info toolgroup.
*/
/**
* Info toolgroup.
*/
.quickedit-toolbar-fullwidth {
width: 100%;
}
@@ -211,7 +211,7 @@ small .admin-link:after {
background-color: transparent;
}
[dir="rtl"] .system-status-report__status-title {
padding: 10px 40px 10px 6px;
padding: 10px 40px 10px 6px;
}
.system-status-report__status-icon:before {
content: "";
@@ -223,7 +223,7 @@ small .admin-link:after {
left: 12px; /* LTR */
top: 12px;
}
[dir="rtl"] .system-status-report__status-icon:before {
[dir="rtl"] .system-status-report__status-icon:before {
left: auto;
right: 12px;
}
@@ -394,3 +394,8 @@ small .admin-link:after {
.cron-description__run-cron {
display: block;
}
.system-cron-settings__link {
overflow-wrap: break-word;
word-wrap: break-word;
}
@@ -219,7 +219,6 @@
background-color: #f5f5f5;
}
/**
* Handle.
*/
@@ -280,8 +279,7 @@
background-image: url(../../images/core/icons/bebebe/push-left.svg); /* LTR */
}
.toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before
{
.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
background-image: url(../../images/core/icons/787878/push-left.svg); /* LTR */
}
[dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {
@@ -13,11 +13,26 @@
position: relative;
width: auto;
}
.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle,
.toolbar .toolbar-tray-horizontal .toolbar-menu ul,
/**
* Hidden vertical toolbar sub-menus by default.
*/
.toolbar .toolbar-tray-vertical .toolbar-menu ul {
display: none;
}
/**
* Hidden horizontal toolbar handle icon.
*/
.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
display: none;
}
/**
* Hidden toolbar sub-menus by default.
*/
.toolbar-tray-open .toolbar-menu .menu-item--expanded ul {
display: none;
}
.toolbar .toolbar-tray-vertical li.open > ul {
display: block; /* Show the sub-menus */
}
@@ -21,7 +21,9 @@
display: none;
}
}
.toolbar-loading #toolbar-administration {
overflow: hidden;
}
/**
* Very specific overrides for Drupal system CSS.
*/
@@ -56,18 +58,44 @@
position: relative;
z-index: 1250;
}
.toolbar-horizontal .toolbar-tray {
position: fixed;
width: 100%;
left: 0;
}
/* Position the admin toolbar absolutely when the configured standard breakpoint
* is active. The toolbar container, that contains the bar and the trays, is
* position absolutely so that it scrolls with the page. Otherwise, on smaller
* screens, the components of the admin toolbar are positioned statically. */
body.toolbar-fixed .toolbar-oriented,
.toolbar-oriented .toolbar-bar,
.toolbar-oriented .toolbar-tray {
.toolbar-oriented .toolbar-bar {
left: 0;
position: absolute;
right: 0;
top: 0;
}
.toolbar-oriented .toolbar-tray {
left: 0;
position: absolute;
right: 0;
}
/* .toolbar-loading is required by Toolbar JavaScript to pre-render markup
* style to avoid extra reflow & flicker. */
@media (min-width: 61em) {
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
position: relative;
display: block;
z-index: -999;
visibility: hidden;
width: 1px;
}
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
width: 999em;
}
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab + .toolbar-tab .toolbar-tray {
display: block;
}
}
/* Layer the bar just above the trays and above contextual link triggers. */
.toolbar-oriented .toolbar-bar {
z-index: 502;
@@ -85,13 +113,16 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
width: 240px;
width: 15rem;
}
/* Present the admin toolbar tabs horizontally as a default on user agents that
* do not understand media queries or on user agents where JavaScript is
* disabled. */
.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
.toolbar .toolbar-bar .toolbar-tab,
.toolbar .toolbar-tray-horizontal li {
float: left; /* LTR */
}
[dir="rtl"] .toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,
[dir="rtl"] .toolbar .toolbar-tray-horizontal li {
float: right;
@@ -111,7 +142,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
/* This min-width media query is meant to provide basic horizontal layout to
* the main menu tabs when JavaScript is disabled on user agents that understand
* media queries. */
@media (min-width:16.5em) {
@media (min-width: 16.5em) {
.toolbar .toolbar-bar .toolbar-tab,
.toolbar .toolbar-tray-horizontal li {
float: left; /* LTR */
@@ -171,7 +202,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
right: 0;
}
/* Layer the links just above the toolbar-tray. */
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon{
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
position: relative;
z-index: 502;
}
@@ -179,15 +210,10 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
.toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
display: none;
}
/* When the configured standard breakpoint is active and the tray is in a
* horizontal position, the tray is fixed to the top of the viewport and does
* not scroll with the page contents. */
body.toolbar-fixed .toolbar .toolbar-tray-horizontal {
position: fixed;
}
/* When the configured standard breakpoint is active and the tray is in a
* vertical position, the tray does not scroll with the page. The contents of
* the tray scroll within the confines of the viewport. */
* the tray scroll within the confines of the viewport.
*/
.toolbar .toolbar-tray-vertical.is-active,
body.toolbar-fixed .toolbar .toolbar-tray-vertical {
height: 100%;
@@ -258,3 +284,13 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
[dir="rtl"] .toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
float: left;
}
/**
* Toolbar home button toggle.
*/
.toolbar .toolbar-bar .home-toolbar-tab {
display: none;
}
.path-admin .toolbar-bar .home-toolbar-tab {
display: block;
}
@@ -20,7 +20,8 @@
line-height: 1em;
text-decoration: none;
}
.toolbar .toolbar-item:hover, .toolbar .toolbar-item:focus {
.toolbar .toolbar-item:hover,
.toolbar .toolbar-item:focus {
text-decoration: underline;
}
@@ -57,10 +58,10 @@
.toolbar .toolbar-tray {
background-color: #ffffff;
}
.toolbar .toolbar-tray-horizontal > .toolbar-lining {
.toolbar-horizontal .toolbar-tray > .toolbar-lining {
padding-right: 5em; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal > .toolbar-lining {
[dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining {
padding-right: 0;
padding-left: 5em;
}
@@ -74,11 +75,11 @@
border-right: 0 none;
box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
}
.toolbar .toolbar-tray-horizontal {
.toolbar-horizontal .toolbar-tray {
border-bottom: 1px solid #aaaaaa;
box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal {
[dir="rtl"] .toolbar-horizontal .toolbar-tray {
box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
}
.toolbar .toolbar-tray-horizontal .toolbar-tray {
@@ -93,25 +94,24 @@
.toolbar-tray a:hover,
.toolbar-tray a:active,
.toolbar-tray a:focus,
.toolbar-tray a.is-active
{
.toolbar-tray a.is-active {
color: #000;
text-decoration: underline;
}
.toolbar .toolbar-menu {
background-color: #ffffff;
}
.toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
border-left: 1px solid #dddddd; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
border-left: 0 none ;
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
border-left: 0 none;
border-right: 1px solid #dddddd;
}
.toolbar .toolbar-tray-horizontal .menu-item:last-child {
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
border-right: 1px solid #dddddd; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child {
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
border-left: 1px solid #dddddd;
}
.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
@@ -149,10 +149,10 @@
padding: 0;
height: 100%;
}
.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
border-left: 1px solid #c9c9c9; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
[dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
border-left: 0 none;
border-right: 1px solid #c9c9c9;
}
@@ -147,7 +147,7 @@
margin-bottom: 2em;
}
@media screen and (min-width:45em) { /* 720px */
@media screen and (min-width: 45em) { /* 720px */
.views-display-columns > * {
float: left; /* LTR */
margin-left: 2%; /* LTR */
@@ -158,7 +158,7 @@ details.box-padding {
/* Hide 'remove' checkboxes. */
.views-remove-checkbox {
display: none;
display: none;
}
/* sizes the labels of checkboxes and radio button to the height of the text */
@@ -345,7 +345,7 @@ td.group-title {
padding: 0;
width: auto;
}
.views-displays .tabs li.add ul.action-list li{
.views-displays .tabs li.add ul.action-list li {
margin: 0;
}
.views-displays .tabs.secondary li {
@@ -402,7 +402,7 @@ td.group-title {
color: #0074bd;
background-color: #f1f1f1;
}
.views-displays .tabs .action-list li {
.views-displays .tabs .action-list li {
background-color: #f1f1f1;
border-color: #cbcbcb;
border-style: solid;
@@ -412,10 +412,10 @@ td.group-title {
.views-displays .tabs .action-list li:first-child {
border-width: 1px 1px 0;
}
.views-displays .action-list li:last-child {
.views-displays .action-list li:last-child {
border-width: 0 1px 1px;
}
.views-displays .tabs .action-list li:last-child {
.views-displays .tabs .action-list li:last-child {
border-width: 0 1px 1px;
}
.views-displays .tabs .action-list input.form-submit {
@@ -483,7 +483,7 @@ td.group-title {
.view-preview-form .form-actions {
vertical-align: top;
}
@media screen and (min-width:45em) { /* 720px */
@media screen and (min-width: 45em) { /* 720px */
.view-preview-form .form-type-textfield .description {
white-space: nowrap;
}
+3 -3
View File
@@ -247,8 +247,8 @@ libraries-override:
css/views_ui.admin.theme.css: css/views_ui/views_ui.admin.theme.css
css/views_ui.contextual.css: css/views_ui/views_ui.contextual.css
# Information added by Drupal.org packaging script on 2017-08-16
version: '8.3.7'
# Information added by Drupal.org packaging script on 2017-11-03
version: '8.4.2'
core: '8.x'
project: 'drupal'
datestamp: 1502903957
datestamp: 1509719929
@@ -0,0 +1,19 @@
{#
/**
* @file
* Theme override to display a media item.
*
* Available variables:
* - name: Name of the media.
* - content: Media content.
*
* @see template_preprocess_media()
*
* @ingroup themeable
*/
#}
<article{{ attributes }}>
{% if content %}
{{ content }}
{% endif %}
</article>
@@ -0,0 +1,25 @@
{#
/**
* @file
* Default theme implementation to display a one-column layout.
*
* Available variables:
* - content: The content for this layout.
* - attributes: HTML attributes for the layout <div>.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--onecol',
]
%}
{% if content %}
<div{{ attributes.addClass(classes) }}>
<div {{ region_attributes.content.addClass('layout__region', 'layout__region--content') }}>
{{ content.content }}
</div>
</div>
{% endif %}
@@ -0,0 +1,54 @@
{#
/**
* @file
* Default theme implementation for a three column layout.
*
* This template provides a three column 25%-50%-25% display layout, with
* additional areas for the top and the bottom.
*
* Available variables:
* - content: The content for this layout.
* - attributes: HTML attributes for the layout <div>.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--threecol-25-50-25',
]
%}
{% if content %}
<div{{ attributes.addClass(classes) }}>
{% if content.top %}
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
{{ content.top }}
</div>
{% endif %}
{% if content.first %}
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{{ content.first }}
</div>
{% endif %}
{% if content.second %}
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{{ content.second }}
</div>
{% endif %}
{% if content.third %}
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{{ content.third }}
</div>
{% endif %}
{% if content.bottom %}
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
{{ content.bottom }}
</div>
{% endif %}
</div>
{% endif %}
@@ -0,0 +1,54 @@
{#
/**
* @file
* Default theme implementation for a three column layout.
*
* This template provides a three column 33%-34%-33% display layout, with
* additional areas for the top and the bottom.
*
* Available variables:
* - content: The content for this layout.
* - attributes: HTML attributes for the layout <div>.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--threecol-33-34-33',
]
%}
{% if content %}
<div{{ attributes.addClass(classes) }}>
{% if content.top %}
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
{{ content.top }}
</div>
{% endif %}
{% if content.first %}
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{{ content.first }}
</div>
{% endif %}
{% if content.second %}
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{{ content.second }}
</div>
{% endif %}
{% if content.third %}
<div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
{{ content.third }}
</div>
{% endif %}
{% if content.bottom %}
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
{{ content.bottom }}
</div>
{% endif %}
</div>
{% endif %}
@@ -0,0 +1,66 @@
{#
/**
* @file
* Default theme implementation for a two column layout.
*
* This template provides a two column display layout with full width areas at
* the top, bottom and in the middle.
*
* Available variables:
* - content: The content for this layout.
* - attributes: HTML attributes for the layout <div>.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--twocol-bricks',
]
%}
{% if content %}
<div{{ attributes.addClass(classes) }}>
{% if content.top %}
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
{{ content.top }}
</div>
{% endif %}
{% if content.first_above %}
<div {{ region_attributes.first_above.addClass('layout__region', 'layout__region--first-above') }}>
{{ content.first_above }}
</div>
{% endif %}
{% if content.second_above %}
<div {{ region_attributes.second_above.addClass('layout__region', 'layout__region--second-above') }}>
{{ content.second_above }}
</div>
{% endif %}
{% if content.middle %}
<div {{ region_attributes.middle.addClass('layout__region', 'layout__region--middle') }}>
{{ content.middle }}
</div>
{% endif %}
{% if content.first_below %}
<div {{ region_attributes.first_below.addClass('layout__region', 'layout__region--first-below') }}>
{{ content.first_below }}
</div>
{% endif %}
{% if content.second_below %}
<div {{ region_attributes.second_below.addClass('layout__region', 'layout__region--second-below') }}>
{{ content.second_below }}
</div>
{% endif %}
{% if content.bottom %}
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
{{ content.bottom }}
</div>
{% endif %}
</div>
{% endif %}
@@ -0,0 +1,45 @@
{#
/**
* @file
* Default theme implementation to display a two-column layout.
*
* Available variables:
* - content: The content for this layout.
* - attributes: HTML attributes for the layout <div>.
*
* @ingroup themeable
*/
#}
{%
set classes = [
'layout',
'layout--twocol',
]
%}
{% if content %}
<div{{ attributes.addClass(classes) }}>
{% if content.top %}
<div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
{{ content.top }}
</div>
{% endif %}
{% if content.first %}
<div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
{{ content.first }}
</div>
{% endif %}
{% if content.second %}
<div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
{{ content.second }}
</div>
{% endif %}
{% if content.bottom %}
<div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
{{ content.bottom }}
</div>
{% endif %}
</div>
{% endif %}
@@ -0,0 +1,23 @@
{#
/**
* @file
* Template for a generic layout.
*/
#}
{%
set classes = [
'layout',
'layout--' ~ layout.id|clean_class,
]
%}
{% if content %}
<div{{ attributes.addClass(classes) }}>
{% for region in layout.getRegionNames %}
{% if content[region] %}
<div {{ region_attributes[region].addClass('layout__region', 'layout__region--' ~ region|clean_class) }}>
{{ content[region] }}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
+3 -3
View File
@@ -6,8 +6,8 @@ package: Core
# core: 8.x
base theme: false
# Information added by Drupal.org packaging script on 2017-08-16
version: '8.3.7'
# Information added by Drupal.org packaging script on 2017-11-03
version: '8.4.2'
core: '8.x'
project: 'drupal'
datestamp: 1502903957
datestamp: 1509719929