updated core to 8.6.1 via composer
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
ABOUT BARTIK
|
||||
------------
|
||||
|
||||
Bartik is the default theme for Drupal 8. It is a flexible, recolorable theme
|
||||
with a responsive and mobile-first layout, supporting 16 regions.
|
||||
|
||||
The Bartik theme is named after Jean Bartik, one of the original programmers
|
||||
for the ENIAC computer.
|
||||
|
||||
This theme is not intended to be used as a base theme.
|
||||
|
||||
To read more about the Bartik theme please see:
|
||||
https://www.drupal.org/docs/8/core/themes/bartik-theme
|
||||
|
||||
ABOUT DRUPAL THEMING
|
||||
--------------------
|
||||
|
||||
See https://www.drupal.org/docs/8/theming for more information on Drupal
|
||||
theming.
|
||||
@@ -2,13 +2,16 @@
|
||||
* @file
|
||||
* Preview for the Bartik theme.
|
||||
*/
|
||||
(function ($, Drupal, drupalSettings) {
|
||||
(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);
|
||||
$('.color-preview .color-preview-logo img').attr(
|
||||
'src',
|
||||
drupalSettings.color.logo,
|
||||
);
|
||||
this.logoChanged = true;
|
||||
}
|
||||
// Remove the logo if the setting is toggled off.
|
||||
@@ -20,27 +23,61 @@
|
||||
const $colorPalette = $form.find('.js-color-palette');
|
||||
|
||||
// Solid background.
|
||||
$colorPreview.css('backgroundColor', $colorPalette.find('input[name="palette[bg]"]').val());
|
||||
$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());
|
||||
$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());
|
||||
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());
|
||||
$colorPreview
|
||||
.find('.color-preview-footer-wrapper')
|
||||
.css(
|
||||
'background-color',
|
||||
$colorPalette.find('input[name="palette[footer]"]').val(),
|
||||
);
|
||||
|
||||
// CSS3 Gradients.
|
||||
const gradientStart = $colorPalette.find('input[name="palette[top]"]').val();
|
||||
const gradientEnd = $colorPalette.find('input[name="palette[bottom]"]').val();
|
||||
const gradientStart = $colorPalette
|
||||
.find('input[name="palette[top]"]')
|
||||
.val();
|
||||
const gradientEnd = $colorPalette
|
||||
.find('input[name="palette[bottom]"]')
|
||||
.val();
|
||||
|
||||
$colorPreview.find('.color-preview-header').attr('style', `background-color: ${gradientStart}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradientStart}), to(${gradientEnd})); background-image: -moz-linear-gradient(-90deg, ${gradientStart}, ${gradientEnd});`);
|
||||
$colorPreview
|
||||
.find('.color-preview-header')
|
||||
.attr(
|
||||
'style',
|
||||
`background-color: ${gradientStart}; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(${gradientStart}), to(${gradientEnd})); background-image: -moz-linear-gradient(-90deg, ${gradientStart}, ${gradientEnd});`,
|
||||
);
|
||||
|
||||
$colorPreview.find('.color-preview-site-name').css('color', $colorPalette.find('input[name="palette[titleslogan]"]').val());
|
||||
$colorPreview
|
||||
.find('.color-preview-site-name')
|
||||
.css(
|
||||
'color',
|
||||
$colorPalette.find('input[name="palette[titleslogan]"]').val(),
|
||||
);
|
||||
},
|
||||
};
|
||||
}(jQuery, Drupal, drupalSettings));
|
||||
})(jQuery, Drupal, drupalSettings);
|
||||
|
||||
@@ -46,10 +46,10 @@ a:active,
|
||||
.region-header,
|
||||
.region-header a,
|
||||
.region-header li a.is-active,
|
||||
.site-branding__text,
|
||||
.site-branding,
|
||||
.site-branding__text a,
|
||||
.site-branding a,
|
||||
.region-header .site-branding__text,
|
||||
.region-header .site-branding,
|
||||
.region-header .site-branding__text a,
|
||||
.region-header .site-branding a,
|
||||
.region-secondary-menu .menu-item a,
|
||||
.region-secondary-menu .menu-item a.is-active {
|
||||
color: #fffeff;
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
display: inline-block;
|
||||
margin-right: 1em; /* LTR */
|
||||
margin-bottom: 0.286em;
|
||||
border-bottom: 0;
|
||||
}
|
||||
[dir="rtl"] .site-branding__logo {
|
||||
margin-right: 0;
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
*
|
||||
* These variables are provided to give context about the parent comment (if
|
||||
* any):
|
||||
* - comment_parent: Full parent comment entity (if any).
|
||||
* - parent_comment: Full parent comment entity (if any).
|
||||
* - parent_author: Equivalent to author for the parent comment.
|
||||
* - parent_created: Equivalent to created for the parent comment.
|
||||
* - parent_changed: Equivalent to changed for the parent comment.
|
||||
|
||||
@@ -16,8 +16,6 @@
|
||||
* Available variables:
|
||||
* - message_list: List of messages to be displayed, grouped by type.
|
||||
* - status_headings: List of all status types.
|
||||
* - display: (optional) May have a value of 'status' or 'error' when only
|
||||
* displaying messages of that specific type.
|
||||
*/
|
||||
#}
|
||||
{% block messages %}
|
||||
|
||||
@@ -16,9 +16,6 @@
|
||||
.progress__bar {
|
||||
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%);
|
||||
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%);
|
||||
@@ -44,6 +41,15 @@
|
||||
-moz-animation-direction: reverse;
|
||||
}
|
||||
|
||||
@media screen and (prefers-reduced-motion: reduce) {
|
||||
.progress__bar {
|
||||
-webkit-animation: none;
|
||||
-moz-animation: none;
|
||||
-webkit-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Progress bar animations.
|
||||
*/
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
*
|
||||
* These variables are provided to give context about the parent comment (if
|
||||
* any):
|
||||
* - comment_parent: Full parent comment entity (if any).
|
||||
* - parent_comment: Full parent comment entity (if any).
|
||||
* - parent_author: Equivalent to author for the parent comment.
|
||||
* - parent_created: Equivalent to created for the parent comment.
|
||||
* - parent_changed: Equivalent to changed for the parent comment.
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
'media',
|
||||
'media--type-' ~ media.bundle()|clean_class,
|
||||
not media.isPublished() ? 'media--unpublished',
|
||||
view_mode ? 'media--view-mode-' ~ view_mode.id()|clean_class,
|
||||
view_mode ? 'media--view-mode-' ~ view_mode|clean_class,
|
||||
]
|
||||
%}
|
||||
<article{{ attributes.addClass(classes) }}>
|
||||
|
||||
@@ -15,8 +15,6 @@
|
||||
* Available variables:
|
||||
* - message_list: List of messages to be displayed, grouped by type.
|
||||
* - status_headings: List of all status types.
|
||||
* - display: (optional) May have a value of 'status' or 'error' when only
|
||||
* displaying messages of that specific type.
|
||||
* - attributes: HTML attributes for the element, including:
|
||||
* - class: HTML classes.
|
||||
*/
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{% for column in row.content %}
|
||||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{{ column.content }}
|
||||
{{- column.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@@ -67,7 +67,7 @@
|
||||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{% for row in column.content %}
|
||||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
@@ -26,7 +26,9 @@
|
||||
<{{ list.type }}{{ list.attributes }}>
|
||||
|
||||
{% for row in rows %}
|
||||
<li{{ row.attributes }}>{{ row.content }}</li>
|
||||
<li{{ row.attributes }}>
|
||||
{{- row.content -}}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</{{ list.type }}>
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
]
|
||||
%}
|
||||
<div{{ row.attributes.addClass(row_classes) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
ABOUT SEVEN
|
||||
-----------
|
||||
|
||||
Seven is the default administration theme for core in Drupal 8. This theme is
|
||||
used on all admin pages and by default on node edit forms.
|
||||
|
||||
To read more about the Seven theme's origins (in Drupal 7) please see:
|
||||
https://www.drupal.org/docs/7/core/themes/seven
|
||||
|
||||
See https://www.drupal.org/docs/8/core/themes/seven-theme for more information
|
||||
on using the Seven theme.
|
||||
|
||||
Seven is an internal theme and shouldn't be extended by other themes. Please
|
||||
see https://www.drupal.org/node/2582945 for more info.
|
||||
|
||||
ABOUT DRUPAL THEMING
|
||||
--------------------
|
||||
|
||||
See https://www.drupal.org/docs/8/theming for more information on Drupal 8
|
||||
theming.
|
||||
@@ -158,14 +158,10 @@ details {
|
||||
line-height: 1.295em;
|
||||
}
|
||||
details summary {
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
padding: 0.95em 1.45em;
|
||||
}
|
||||
details summary:focus {
|
||||
outline: none;
|
||||
}
|
||||
details summary:focus,
|
||||
details summary:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
img {
|
||||
|
||||
@@ -0,0 +1,27 @@
|
||||
/**
|
||||
* @file
|
||||
* Collapsible details.
|
||||
*
|
||||
* @see collapse.js
|
||||
*/
|
||||
.seven-details {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
background-color: #fcfcfa;
|
||||
border: 1px solid #bfbfbf;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.seven-details__summary {
|
||||
cursor: pointer;
|
||||
text-shadow: 0 1px 0 white;
|
||||
color: #0074bd;
|
||||
}
|
||||
.seven-details__summary:hover,
|
||||
.seven-details__summary:focus,
|
||||
.seven-details[open] > .seven-details__summary {
|
||||
color: #004f80;
|
||||
}
|
||||
.seven-details__wrapper {
|
||||
padding: 0 1.5em 1em 1.5em;
|
||||
}
|
||||
|
||||
@@ -116,3 +116,12 @@
|
||||
.ui-dialog .ajax-progress-throbber .message {
|
||||
display: none;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
|
||||
position: relative;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
|
||||
top: 10px;
|
||||
}
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-widget-content.ui-dialog-content {
|
||||
background: none;
|
||||
}
|
||||
|
||||
@@ -2,19 +2,21 @@
|
||||
* Entity meta settings.
|
||||
*/
|
||||
.entity-meta {
|
||||
background-color: #ececec;
|
||||
background-color: #edede8;
|
||||
border-left: 1px solid #bfbfbf;
|
||||
border-right: 1px solid #bfbfbf;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
.entity-meta__header,
|
||||
.entity-meta details {
|
||||
background-color: #f7f7f7;
|
||||
.entity-meta .seven-details {
|
||||
background-color: #fcfcfa;
|
||||
border-top: 1px solid #bfbfbf;
|
||||
border-bottom: 1px solid #bfbfbf;
|
||||
}
|
||||
.entity-meta__header {
|
||||
padding: 1em 1.5em;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.entity-meta__title {
|
||||
font-size: 1.231em;
|
||||
@@ -28,34 +30,43 @@
|
||||
.entity-meta__last-saved {
|
||||
font-style: italic; /* As-designed, but really: why is this italic? */
|
||||
}
|
||||
.entity-meta details {
|
||||
.entity-meta .seven-details {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-top: 1px solid #fff;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.entity-meta details:first-child {
|
||||
border-top-color: #bfbfbf;
|
||||
.entity-meta .seven-details:last-child {
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.entity-meta details[open] {
|
||||
.entity-meta .seven-details[open] {
|
||||
background-color: transparent;
|
||||
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.125), transparent 4px);
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
|
||||
border-top-width: 0;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.entity-meta details[open] + details[open] {
|
||||
.entity-meta .seven-details[open] + .seven-details[open] {
|
||||
background-image: none;
|
||||
border-top-width: 1px;
|
||||
padding-top: 0;
|
||||
}
|
||||
.entity-meta details > .details-wrapper {
|
||||
.entity-meta .seven-details > .seven-details__wrapper {
|
||||
padding-top: 0;
|
||||
}
|
||||
.entity-meta details > summary {
|
||||
.entity-meta .seven-details > summary {
|
||||
padding: 0.85em 1.25em;
|
||||
text-shadow: 0 1px 0 white;
|
||||
}
|
||||
.entity-meta details .summary {
|
||||
display: none; /* Hide JS summaries. @todo Rethink summaries. */
|
||||
|
||||
/**
|
||||
* Hide JS summary from the details polyfill to make it consistent with native
|
||||
* details elements.
|
||||
*
|
||||
* @todo Consider removing this after https://www.drupal.org/node/2493957 has
|
||||
* been solved.
|
||||
*/
|
||||
.entity-meta .seven-details .summary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -49,6 +49,20 @@ fieldset:not(.fieldgroup) > legend {
|
||||
.form-item {
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
/**
|
||||
* When a table row has a single form item, prevent it from adding unnecessary
|
||||
* extra spacing. If it has multiple form items, allow spacing between them,
|
||||
* overriding Classy.
|
||||
*/
|
||||
tr.odd .form-item,
|
||||
tr.even .form-item {
|
||||
margin-top: 0.75em;
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
td > .form-item:only-child {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-type-checkbox {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -179,8 +193,6 @@ textarea.form-textarea {
|
||||
max-width: 100%;
|
||||
border: 1px solid #b8b8b8;
|
||||
border-top-color: #999;
|
||||
background: #fff;
|
||||
color: #333;
|
||||
border-radius: 2px;
|
||||
background: #fcfcfa;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
|
||||
|
||||
@@ -3,18 +3,20 @@
|
||||
border: 0;
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
.system-modules details {
|
||||
.system-modules .seven-details {
|
||||
background: none;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.system-modules summary {
|
||||
.system-modules .seven-details__summary {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 0.95em 0.5em;
|
||||
}
|
||||
.system-modules [open] summary {
|
||||
.system-modules [open] .seven-details__summary {
|
||||
border-bottom: none;
|
||||
}
|
||||
.system-modules .details-wrapper {
|
||||
.system-modules .seven-details__wrapper {
|
||||
padding: 0 0 0.5em 0;
|
||||
}
|
||||
.system-modules .fieldset-wrapper {
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
}
|
||||
.pager__item {
|
||||
display: inline-block;
|
||||
color: #8c8c8c;
|
||||
color: #757575;
|
||||
font-size: 1.08em;
|
||||
margin: 0;
|
||||
padding: 0 0.4em;
|
||||
|
||||
@@ -12,6 +12,8 @@
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
.system-status-report__entry:last-of-type {
|
||||
border-bottom: 1px solid #bebfb9;
|
||||
@@ -64,6 +66,7 @@
|
||||
.system-status-report details[open] > *,
|
||||
.system-status-report details > summary:first-child {
|
||||
display: block;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.system-status-report__status-title .details-title:before,
|
||||
|
||||
@@ -21,12 +21,12 @@ details.fieldset-no-legend {
|
||||
* a layout problem occurs for the Display format details if we don't fix its
|
||||
* padding), but it's probably safe to just let it apply everywhere.
|
||||
*/
|
||||
#views-ui-add-form details details .details-wrapper {
|
||||
#views-ui-add-form details details .seven-details__wrapper {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.views-display-tab details.box-padding .details-wrapper {
|
||||
.views-display-tab details.box-padding .seven-details__wrapper {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
(function () {
|
||||
(function() {
|
||||
function findActiveStep(steps) {
|
||||
for (let i = 0; i < steps.length; i++) {
|
||||
if (steps[i].className === 'is-active') {
|
||||
@@ -26,4 +26,4 @@
|
||||
if (document.addEventListener) {
|
||||
document.addEventListener('DOMContentLoaded', installStepsSetup);
|
||||
}
|
||||
}());
|
||||
})();
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
* 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($, Drupal) {
|
||||
function init(i, tab) {
|
||||
const $tab = $(tab);
|
||||
const $target = $tab.find('[data-drupal-nav-tabs-target]');
|
||||
@@ -18,7 +18,8 @@
|
||||
function handleResize(e) {
|
||||
$tab.addClass('is-horizontal');
|
||||
const $tabs = $tab.find('.tabs');
|
||||
const isHorizontal = $tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
|
||||
const isHorizontal =
|
||||
$tabs.outerHeight() <= $tabs.find('.tabs__tab').outerHeight();
|
||||
$tab.toggleClass('is-horizontal', isHorizontal);
|
||||
if (isCollapsible) {
|
||||
$tab.toggleClass('is-collapse-enabled', !isHorizontal);
|
||||
@@ -31,7 +32,9 @@
|
||||
$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');
|
||||
$(window)
|
||||
.on('resize.tabs', Drupal.debounce(handleResize, 150))
|
||||
.trigger('resize.tabs');
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -48,4 +51,4 @@
|
||||
}
|
||||
},
|
||||
};
|
||||
}(jQuery, Drupal));
|
||||
})(jQuery, Drupal);
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
* Provides responsive behaviors to HTML details elements.
|
||||
*/
|
||||
|
||||
(function ($, Drupal) {
|
||||
(function($, Drupal) {
|
||||
/**
|
||||
* Initializes the responsive behaviors for details elements.
|
||||
*
|
||||
@@ -14,26 +14,27 @@
|
||||
*/
|
||||
Drupal.behaviors.responsiveDetails = {
|
||||
attach(context) {
|
||||
const $details = $(context).find('details').once('responsive-details');
|
||||
const $details = $(context)
|
||||
.find('details')
|
||||
.once('responsive-details');
|
||||
|
||||
if (!$details.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
const $summaries = $details.find('> summary');
|
||||
|
||||
function detailsToggle(matches) {
|
||||
if (matches) {
|
||||
$details.attr('open', true);
|
||||
$summaries.attr('aria-expanded', true);
|
||||
$summaries.on('click.details-open', false);
|
||||
}
|
||||
else {
|
||||
} 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);
|
||||
$notPressed.parent('details').attr('open', false);
|
||||
// After resize, allow user to close previously opened details.
|
||||
$summaries.off('.details-open');
|
||||
}
|
||||
@@ -43,10 +44,9 @@
|
||||
detailsToggle(event.matches);
|
||||
}
|
||||
|
||||
const $summaries = $details.find('> summary');
|
||||
const mql = window.matchMedia('(min-width:48em)');
|
||||
mql.addListener(handleDetailsMQ);
|
||||
detailsToggle(mql.matches);
|
||||
},
|
||||
};
|
||||
}(jQuery, Drupal));
|
||||
})(jQuery, Drupal);
|
||||
|
||||
@@ -14,6 +14,8 @@
|
||||
return;
|
||||
}
|
||||
|
||||
var $summaries = $details.find('> summary');
|
||||
|
||||
function detailsToggle(matches) {
|
||||
if (matches) {
|
||||
$details.attr('open', true);
|
||||
@@ -31,7 +33,6 @@
|
||||
detailsToggle(event.matches);
|
||||
}
|
||||
|
||||
var $summaries = $details.find('> summary');
|
||||
var mql = window.matchMedia('(min-width:48em)');
|
||||
mql.addListener(handleDetailsMQ);
|
||||
detailsToggle(mql.matches);
|
||||
|
||||
@@ -42,6 +42,11 @@ libraries-override:
|
||||
assets/vendor/jquery.ui/themes/base/dialog.css: false
|
||||
classy/dialog:
|
||||
seven/seven.drupal.dialog
|
||||
classy/base:
|
||||
css:
|
||||
component:
|
||||
css/components/details.css: false
|
||||
|
||||
libraries-extend:
|
||||
core/ckeditor:
|
||||
- seven/ckeditor-dialog
|
||||
|
||||
@@ -12,6 +12,7 @@ global-styling:
|
||||
css/components/container-inline.module.css: {}
|
||||
css/components/breadcrumb.css: {}
|
||||
css/components/buttons.css: {}
|
||||
css/components/details.css: {}
|
||||
css/components/messages.css: {}
|
||||
css/components/dropbutton.component.css: {}
|
||||
css/components/entity-meta.css: {}
|
||||
|
||||
@@ -6,6 +6,7 @@
|
||||
*/
|
||||
|
||||
use Drupal\Core\Form\FormStateInterface;
|
||||
use Drupal\media\MediaForm;
|
||||
|
||||
/**
|
||||
* Implements hook_preprocess_HOOK() for HTML document templates.
|
||||
@@ -167,9 +168,13 @@ function seven_form_node_form_alter(&$form, FormStateInterface $form_state) {
|
||||
* 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';
|
||||
// Only attach CSS from core if this form comes from Media core, and not from
|
||||
// the contrib Media Entity 1.x branch.
|
||||
if (\Drupal::moduleHandler()->moduleExists('media') && $form_state->getFormObject() instanceof MediaForm) {
|
||||
// @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,51 @@
|
||||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for a details element.
|
||||
*
|
||||
* Available variables
|
||||
* - attributes: A list of HTML attributes for the details element.
|
||||
* - errors: (optional) Any errors for this details element, may not be set.
|
||||
* - title: (optional) The title of the element, may not be set.
|
||||
* - description: (optional) The description of the element, may not be set.
|
||||
* - children: (optional) The children of the element, may not be set.
|
||||
* - value: (optional) The value of the element, may not be set.
|
||||
*
|
||||
* @see template_preprocess_details()
|
||||
*/
|
||||
#}
|
||||
{#
|
||||
Prefix 'details' class to avoid collision with Modernizr.
|
||||
|
||||
@todo Remove prefix after https://www.drupal.org/node/2981732 has been solved.
|
||||
#}
|
||||
<details{{ attributes.addClass('seven-details') }}>
|
||||
{%- if title -%}
|
||||
{%
|
||||
set summary_classes = [
|
||||
'seven-details__summary',
|
||||
required ? 'js-form-required',
|
||||
required ? 'form-required',
|
||||
]
|
||||
%}
|
||||
<summary{{ summary_attributes.addClass(summary_classes) }}>
|
||||
{{- title -}}
|
||||
</summary>
|
||||
{%- endif -%}
|
||||
<div class="seven-details__wrapper details-wrapper">
|
||||
{% if errors %}
|
||||
<div class="form-item form-item--error-message">
|
||||
<strong>{{ errors }}</strong>
|
||||
</div>
|
||||
{% endif %}
|
||||
{%- if description -%}
|
||||
<div class="seven-details__description">{{ description }}</div>
|
||||
{%- endif -%}
|
||||
{%- if children -%}
|
||||
{{ children }}
|
||||
{%- endif -%}
|
||||
{%- if value -%}
|
||||
{{ value }}
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</details>
|
||||
@@ -30,7 +30,7 @@
|
||||
|
||||
/* Wrap the form that's inside the off-canvas dialog. */
|
||||
.ui-dialog-off-canvas #drupal-off-canvas {
|
||||
padding: 0 20px;
|
||||
padding: 0 20px 20px;
|
||||
/* Prevent horizontal scrollbar. */
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
|
||||
@@ -7,5 +7,5 @@
|
||||
*/
|
||||
|
||||
.dialog-off-canvas-main-canvas {
|
||||
transition: all 0.7s ease;
|
||||
transition: padding-right 0.7s ease, padding-left 0.7s ease, padding-top 0.3s ease;
|
||||
}
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
/* Style the dialog-off-canvas container. */
|
||||
.ui-dialog.ui-dialog-off-canvas {
|
||||
background: #444;
|
||||
border: 0 solid transparent;
|
||||
border-radius: 0;
|
||||
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3333);
|
||||
padding: 0;
|
||||
@@ -14,6 +13,9 @@
|
||||
/* Layer the dialog just under the toolbar. */
|
||||
z-index: 501;
|
||||
}
|
||||
.ui-widget.ui-dialog.ui-dialog-off-canvas {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* Style the off-canvas dialog header. */
|
||||
.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
|
||||
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* @file
|
||||
* Styles for the upgrade analysis report tables.
|
||||
*/
|
||||
.upgrade-analysis-report__status-icon:before {
|
||||
content: "";
|
||||
background-size: 16px;
|
||||
background-position: left center;
|
||||
background-repeat: no-repeat;
|
||||
width: 32px;
|
||||
height: 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.upgrade-analysis-report__status-icon--warning:before {
|
||||
background-image: url(../../../images/core/icons/e29700/warning.svg);
|
||||
}
|
||||
.upgrade-analysis-report__status-icon--checked:before {
|
||||
background-image: url(../../../images/core/icons/73b355/check.svg);
|
||||
}
|
||||
.upgrade-analysis-report__status-icon--error:before {
|
||||
background-image: url(../../../images/core/icons/e32700/error.svg);
|
||||
}
|
||||
@@ -86,7 +86,6 @@
|
||||
* Entity toolbar.
|
||||
*/
|
||||
.quickedit-toolbar-container {
|
||||
max-width: 100%;
|
||||
position: absolute;
|
||||
max-width: 320px;
|
||||
width: 320px;
|
||||
|
||||
@@ -4,7 +4,6 @@
|
||||
table.diff {
|
||||
border-spacing: 4px;
|
||||
margin-bottom: 20px;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
table.diff .diff-context {
|
||||
|
||||
@@ -246,7 +246,6 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
}
|
||||
}
|
||||
[dir="rtl"] body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
|
||||
margin-left: auto;
|
||||
margin-left: auto;
|
||||
margin-right: 240px;
|
||||
margin-right: 15rem;
|
||||
|
||||
@@ -144,6 +144,11 @@ libraries-override:
|
||||
theme:
|
||||
css/menu_ui.admin.css: css/menu_ui/menu_ui.admin.css
|
||||
|
||||
migrate_drupal_ui/base:
|
||||
css:
|
||||
component:
|
||||
css/components/upgrade-analysis-report-tables.css: css/migrate_drupal_ui/components/upgrade-analysis-report-tables.css
|
||||
|
||||
node/drupal.node:
|
||||
css:
|
||||
layout:
|
||||
|
||||
@@ -0,0 +1,30 @@
|
||||
{#
|
||||
/**
|
||||
* @file
|
||||
* Theme override for a summary of an image scale and crop effect.
|
||||
*
|
||||
* Available variables:
|
||||
* - data: The current configuration for this resize effect, including:
|
||||
* - width: The width of the resized image.
|
||||
* - height: The height of the resized image.
|
||||
* - anchor: The part of the image that will be retained after cropping.
|
||||
* - anchor_label: The translated label of the crop anchor.
|
||||
* - effect: The effect information, including:
|
||||
* - id: The effect identifier.
|
||||
* - label: The effect name.
|
||||
* - description: The effect description.
|
||||
*/
|
||||
#}
|
||||
{% if data.width and data.height -%}
|
||||
{{ data.width }}×{{ data.height }}
|
||||
{%- else -%}
|
||||
{% if data.width %}
|
||||
{% trans %}
|
||||
width {{ data.width }}
|
||||
{% endtrans %}
|
||||
{% elseif data.height %}
|
||||
{% trans %}
|
||||
height {{ data.height }}
|
||||
{% endtrans %}
|
||||
{% endif %}
|
||||
{%- endif %}
|
||||
@@ -1,4 +1,3 @@
|
||||
{{ attach_library('content_moderation/content_moderation') }}
|
||||
<ul class="entity-moderation-form">
|
||||
<li class="entity-moderation-form__item">{{ form.current }}</li>
|
||||
<li class="entity-moderation-form__item">{{ form.new_state }}</li>
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
*
|
||||
* These variables are provided to give context about the parent comment (if
|
||||
* any):
|
||||
* - comment_parent: Full parent comment entity (if any).
|
||||
* - parent_comment: Full parent comment entity (if any).
|
||||
* - parent_author: Equivalent to author for the parent comment.
|
||||
* - parent_created: Equivalent to created for the parent comment.
|
||||
* - parent_changed: Equivalent to changed for the parent comment.
|
||||
|
||||
@@ -0,0 +1,14 @@
|
||||
{#
|
||||
/**
|
||||
* @file
|
||||
* Default theme implementation to display an oEmbed resource in an iframe.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
#}
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body style="margin: 0">
|
||||
{{ media|raw }}
|
||||
</body>
|
||||
</html>
|
||||
@@ -36,6 +36,11 @@
|
||||
* @see template_preprocess_field()
|
||||
*/
|
||||
#}
|
||||
{%
|
||||
set title_classes = [
|
||||
label_display == 'visually_hidden' ? 'visually-hidden',
|
||||
]
|
||||
%}
|
||||
|
||||
{% if label_hidden %}
|
||||
{% if multiple %}
|
||||
@@ -51,7 +56,7 @@
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div{{ attributes }}>
|
||||
<div{{ title_attributes }}>{{ label }}</div>
|
||||
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
|
||||
{% if multiple %}
|
||||
<div>
|
||||
{% endif %}
|
||||
|
||||
@@ -15,8 +15,6 @@
|
||||
* Available variables:
|
||||
* - message_list: List of messages to be displayed, grouped by type.
|
||||
* - status_headings: List of all status types.
|
||||
* - display: (optional) May have a value of 'status' or 'error' when only
|
||||
* displaying messages of that specific type.
|
||||
* - attributes: HTML attributes for the element, including:
|
||||
* - class: HTML classes.
|
||||
*/
|
||||
|
||||
@@ -57,7 +57,7 @@
|
||||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{% for column in row.content %}
|
||||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{{ column.content }}
|
||||
{{- column.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@@ -67,7 +67,7 @@
|
||||
<div{{ column.attributes.addClass(col_classes, options.col_class_default ? 'col-' ~ loop.index) }}>
|
||||
{% for row in column.content %}
|
||||
<div{{ row.attributes.addClass(row_classes, options.row_class_default ? 'row-' ~ loop.index) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
@@ -26,7 +26,9 @@
|
||||
<{{ list.type }}{{ list.attributes }}>
|
||||
|
||||
{% for row in rows %}
|
||||
<li{{ row.attributes }}>{{ row.content }}</li>
|
||||
<li{{ row.attributes }}>
|
||||
{{- row.content -}}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</{{ list.type }}>
|
||||
|
||||
@@ -25,6 +25,6 @@
|
||||
]
|
||||
%}
|
||||
<div{{ row.attributes.addClass(row_classes) }}>
|
||||
{{ row.content }}
|
||||
{{- row.content -}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
Reference in New Issue
Block a user