kopia lustrzana https://github.com/wagtail/wagtail
Improve side panels’ resizing in page editor and listings, and breadcrumbs alignment. Fix #9036 (#9090)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>pull/9327/head
Steve Stein
GitHub
rodzic
fb2c7760a5
commit
5112c0eaa8
|
|
@ -45,6 +45,8 @@ Changelog
|
|||
* Support "Ctrl + f" in-page search within collapsed StreamField blocks (Thibaud Colas)
|
||||
* Remember the last opened side panel in the page editor, activating it on page load (Sage Abdullah)
|
||||
* Ensure that the `update_index` command can run without console output if called with `--verbosity 0` (Ben Sturmfels, Oliver Parker)
|
||||
* Improve side panels’ resizing in page editor and listings (Steven Steinwand)
|
||||
* Adjust breadcrumb text alignment and size in page listings & page editor (Steven Steinwand)
|
||||
* Fix: Prevent `PageQuerySet.not_public` from returning all pages when no page restrictions exist (Mehrdad Moradizadeh)
|
||||
* Fix: Ensure that duplicate block ids are unique when duplicating stream blocks in the page editor (Joshua Munn)
|
||||
* Fix: Revise colour usage so that privacy & locked indicators can be seen in Windows High Contrast mode (LB (Ben Johnston))
|
||||
|
|
|
|||
|
|
@ -13,10 +13,11 @@
|
|||
w-top-full
|
||||
w-w-full
|
||||
w-h-[calc(100vh-100%)]
|
||||
sm:w-max-w-[500px]
|
||||
md:w-w-1/3
|
||||
w-transform
|
||||
w-translate-x-full
|
||||
w-px-6
|
||||
w-px-5
|
||||
xl:w-px-10
|
||||
w-py-4
|
||||
w-bg-white
|
||||
w-box-border
|
||||
|
|
@ -25,7 +26,12 @@
|
|||
w-border-l
|
||||
w-border-grey-100
|
||||
w-overflow-y-auto
|
||||
w-scrollbar-thin;
|
||||
w-scrollbar-thin
|
||||
md:w-min-w-[22.875rem]
|
||||
sm:w-max-w-[22.5rem]
|
||||
md:w-max-w-[35.937rem]
|
||||
lg:w-max-w-[31.25rem]
|
||||
xl:w-max-w-[46.875rem];
|
||||
|
||||
&--open {
|
||||
@apply w-translate-x-0;
|
||||
|
|
|
|||
|
|
@ -68,6 +68,11 @@ ul.listing {
|
|||
&.full-width td:first-child,
|
||||
&.full-width th:first-child {
|
||||
padding-inline-start: 20px;
|
||||
padding-inline-end: 20px;
|
||||
|
||||
input[type='checkbox'] {
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.full-width {
|
||||
|
|
@ -411,12 +416,16 @@ table.listing {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
// explorer specific tweaks
|
||||
.page-explorer .w-breadcrumb {
|
||||
li[hidden] ~ li:last-child,
|
||||
li:only-child {
|
||||
a {
|
||||
font-size: theme('fontSize.18');
|
||||
font-weight: theme('fontWeight.extrabold');
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
font-size: theme('fontSize.30');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -624,7 +633,15 @@ table.listing {
|
|||
|
||||
&.full-width td:first-child,
|
||||
&.full-width th:first-child {
|
||||
padding-inline-start: 25px;
|
||||
padding-inline-start: 30px;
|
||||
padding-inline-end: 30px;
|
||||
}
|
||||
|
||||
// Reduce padding on sort order controls so total width matches previous state
|
||||
&.full-width td.ord,
|
||||
&.full-width th.ord {
|
||||
padding-inline-end: 20px;
|
||||
padding-inline-start: 20px;
|
||||
}
|
||||
|
||||
&.full-width .divider td {
|
||||
|
|
@ -661,10 +678,12 @@ table.listing {
|
|||
|
||||
// Ordering
|
||||
td.ord {
|
||||
// Align with the row's title text, and the column's label.
|
||||
vertical-align: top;
|
||||
|
||||
.handle {
|
||||
// Align with the row's title text, and the column's label.
|
||||
margin-top: -28px;
|
||||
margin-inline-start: 13px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
$header-icon-size: theme('spacing.4');
|
||||
$header-button-size-mobile: $mobile-nice-padding;
|
||||
$header-button-size: theme('spacing.8');
|
||||
$header-gap: theme('spacing.1');
|
||||
|
||||
.w-panel {
|
||||
margin-bottom: theme('spacing.10');
|
||||
|
|
@ -13,9 +14,12 @@ $header-button-size: theme('spacing.8');
|
|||
margin-inline-start: -1 * $mobile-nice-padding;
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
$gap: theme('spacing.1');
|
||||
gap: $gap;
|
||||
margin-inline-start: calc(-1 * 2 * ($header-button-size + $gap));
|
||||
gap: $header-gap;
|
||||
margin-inline-start: calc(-1 * 1 * ($header-button-size + $header-gap));
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
margin-inline-start: calc(-1 * 2 * ($header-button-size + $header-gap));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -28,7 +32,7 @@ $header-button-size: theme('spacing.8');
|
|||
cursor: pointer;
|
||||
padding-inline-end: theme('spacing.2');
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
@include media-breakpoint-up(md) {
|
||||
padding-inline-end: theme('spacing.5');
|
||||
}
|
||||
}
|
||||
|
|
@ -89,7 +93,7 @@ $header-button-size: theme('spacing.8');
|
|||
|
||||
// The suffix anchor is intended for small viewports only.
|
||||
.w-panel__anchor--suffix {
|
||||
@include media-breakpoint-up(sm) {
|
||||
@include media-breakpoint-up(md) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -98,7 +102,7 @@ $header-button-size: theme('spacing.8');
|
|||
.w-panel__anchor--prefix {
|
||||
display: none;
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
@include media-breakpoint-up(md) {
|
||||
display: inline-grid;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,8 +15,7 @@
|
|||
}
|
||||
|
||||
&__list {
|
||||
@include nice-padding();
|
||||
@apply w-flex w-my-[3px] w-space-x-6 w-border-b w-border-grey-100 w-w-fit;
|
||||
@apply w-flex w-pr-0 w-my-[3px] w-space-x-6 w-border-b w-border-grey-100 w-w-fit;
|
||||
}
|
||||
|
||||
&__tab {
|
||||
|
|
@ -65,8 +64,15 @@
|
|||
w-rounded-[1rem];
|
||||
}
|
||||
|
||||
&__panel {
|
||||
@include nice-padding();
|
||||
&__list,
|
||||
.tab-content {
|
||||
@apply w-px-5 sm:w-px-10 md:w-px-20;
|
||||
|
||||
// If tab contents are nested inside of a nice-padding block then don't apply the admin padding
|
||||
.nice-padding & {
|
||||
padding-inline-start: 0;
|
||||
padding-inline-end: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional animate attr for tabs to animate in
|
||||
|
|
|
|||
|
|
@ -1,39 +1,12 @@
|
|||
@use 'sass:map';
|
||||
@use 'sass:math';
|
||||
|
||||
/**
|
||||
* Calculate the ideal form width to avoid any overlap with the side panels.
|
||||
*/
|
||||
|
||||
@mixin form-width-vw($breakpoint) {
|
||||
.side-panel-open & {
|
||||
width: calc(
|
||||
100vw - $menu-width - $side-panel-width - $desktop-nice-padding -
|
||||
theme('spacing.4')
|
||||
);
|
||||
}
|
||||
|
||||
.side-panel-open.sidebar-collapsed & {
|
||||
width: calc(
|
||||
100vw - $menu-width-slim - $side-panel-width - $desktop-nice-padding -
|
||||
theme('spacing.4')
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Special resizing logic for forms with side panels.
|
||||
*/
|
||||
|
||||
.w-form-width {
|
||||
@include max-form-width();
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
@include form-width-vw(lg);
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
@include form-width-vw(xl);
|
||||
@include media-breakpoint-up(md) {
|
||||
.side-panel-open {
|
||||
.tab-content {
|
||||
width: theme('width.[2/3]');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,7 +29,6 @@ export default function initCollapsibleBreadcrumbs() {
|
|||
let open = false;
|
||||
let mouseExitedToggle = true;
|
||||
let keepOpen = false;
|
||||
let hideBreadcrumbsWithDelay;
|
||||
|
||||
function hideBreadcrumbs() {
|
||||
breadcrumbItems.forEach((breadcrumb) => {
|
||||
|
|
@ -49,15 +48,10 @@ export default function initCollapsibleBreadcrumbs() {
|
|||
}
|
||||
|
||||
function showBreadcrumbs() {
|
||||
breadcrumbItems.forEach((breadcrumb, index) => {
|
||||
setTimeout(() => {
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
breadcrumb.hidden = false;
|
||||
|
||||
setTimeout(() => {
|
||||
breadcrumb.classList.add(cssClass.maxWidth);
|
||||
}, 50);
|
||||
}, index * 10);
|
||||
breadcrumbItems.forEach((breadcrumb) => {
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
breadcrumb.hidden = false;
|
||||
breadcrumb.classList.add(cssClass.maxWidth);
|
||||
});
|
||||
breadcrumbsToggle.setAttribute('aria-expanded', 'true');
|
||||
open = true;
|
||||
|
|
@ -121,17 +115,10 @@ export default function initCollapsibleBreadcrumbs() {
|
|||
|
||||
header.addEventListener('mouseleave', () => {
|
||||
if (!keepOpen) {
|
||||
hideBreadcrumbsWithDelay = setTimeout(() => {
|
||||
hideBreadcrumbs();
|
||||
// Give a little bit of time before closing in case the user changes their mind
|
||||
}, 500);
|
||||
hideBreadcrumbs();
|
||||
}
|
||||
});
|
||||
|
||||
header.addEventListener('mouseenter', () => {
|
||||
clearTimeout(hideBreadcrumbsWithDelay);
|
||||
});
|
||||
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape') {
|
||||
hideBreadcrumbs();
|
||||
|
|
|
|||
|
|
@ -91,7 +91,7 @@ describe('initCollapsibleBreadcrumbs', () => {
|
|||
|
||||
expect(spy).toHaveBeenLastCalledWith('keydown', expect.any(Function));
|
||||
expect(containerSpy).toHaveBeenLastCalledWith(
|
||||
'mouseenter',
|
||||
'mouseleave',
|
||||
expect.any(Function),
|
||||
);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -47,7 +47,10 @@ export default function initSidePanel() {
|
|||
// eslint-disable-next-line no-param-reassign
|
||||
panel.hidden = true;
|
||||
panel.dispatchEvent(new CustomEvent('hide'));
|
||||
body.classList.remove('side-panel-open');
|
||||
|
||||
if (panelName === '') {
|
||||
body.classList.remove('side-panel-open');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -75,6 +75,8 @@ There are multiple improvements to the documentation theme this release, here ar
|
|||
* Support "Ctrl + f" in-page search within collapsed StreamField blocks (Thibaud Colas)
|
||||
* Remember the last opened side panel in the page editor, activating it on page load (Sage Abdullah)
|
||||
* Ensure that the [`update_index`](update_index) command can run without console output if called with `--verbosity 0` (Ben Sturmfels, Oliver Parker)
|
||||
* Improve side panels’ resizing in page editor and listings (Steven Steinwand)
|
||||
* Adjust breadcrumb text alignment and size in page listings & page editor (Steven Steinwand)
|
||||
|
||||
### Bug fixes
|
||||
|
||||
|
|
|
|||
|
|
@ -7,9 +7,7 @@
|
|||
{{ title }}
|
||||
</h1>
|
||||
{# breadcrumbs #}
|
||||
<div class="w-py-3{% if parent_page.is_root %} w-pl-3{% endif %}">
|
||||
{% breadcrumbs parent_page 'wagtailadmin_explore' url_root_name='wagtailadmin_explore_root' is_expanded=parent_page.is_root %}
|
||||
</div>
|
||||
{% breadcrumbs parent_page 'wagtailadmin_explore' url_root_name='wagtailadmin_explore_root' is_expanded=parent_page.is_root classname='sm:w-py-3 lg:w-py-7' %}
|
||||
{# Actions divider #}
|
||||
<div class="w-w-px w-h-[30px] w-ml-auto sm:w-ml-0 w-bg-grey-100"></div>
|
||||
{# Page actions dropdown #}
|
||||
|
|
|
|||
|
|
@ -5,15 +5,16 @@
|
|||
|
||||
`pages` - A list of wagtail page objects
|
||||
`trailing_breadcrumb_title` (string?) - use this for a non linkable last breadcrumb
|
||||
`classname` - Modifier classes
|
||||
{% endcomment %}
|
||||
{% with breadcrumb_link_classes='w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300' breadcrumb_item_classes='w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold' icon_classes='w-w-4 w-h-4 w-ml-3' %}
|
||||
{% with breadcrumb_link_classes='w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full' breadcrumb_item_classes='w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold' icon_classes='w-w-4 w-h-4 w-ml-3' %}
|
||||
{# Breadcrumbs are visible on mobile by default but hidden on desktop #}
|
||||
<div class="w-breadcrumb w-flex w-flex-row w-items-center w-overflow-x-auto w-overflow-y-hidden w-scrollbar-thin" data-breadcrumb-next{% if not pages %} hidden{% endif %}>
|
||||
<div class="w-breadcrumb w-flex w-flex-row w-items-center w-overflow-x-auto w-overflow-y-hidden w-scrollbar-thin {{ classname }} {% if is_expanded %} w-pl-3{% endif %}" data-breadcrumb-next{% if not pages %} hidden{% endif %}>
|
||||
{% if not is_expanded %}
|
||||
<button
|
||||
type="button"
|
||||
data-toggle-breadcrumbs
|
||||
class="w-flex w-items-center w-justify-center w-box-border w-ml-0 w-p-4 w-w-slim-header w-h-full w-bg-transparent w-text-grey-400 w-transition hover:w-scale-110 hover:w-text-primary w-outline-offset-inside"
|
||||
class="w-flex w-items-center w-justify-center w-box-border w-ml-0 w-p-4 w-mr-2.5 w-w-slim-header w-h-full w-bg-transparent w-text-grey-400 w-transition hover:w-scale-110 hover:w-text-primary w-outline-offset-inside"
|
||||
aria-label="{% trans 'Toggle breadcrumbs' %}"
|
||||
aria-expanded="false"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<header class="w-flex w-flex-col sm:w-flex-row w-items-center w-justify-between w-bg-grey-50 w-border-b w-border-grey-100 w-px-0 w-py-0 w-mb-0 w-relative w-top-0 w-z-header sm:w-sticky w-min-h-slim-header">
|
||||
|
||||
{# Padding left on mobile to give space for navigation toggle, #}
|
||||
<div class="w-pl-slim-header w-min-h-slim-header sm:w-pl-0 sm:w-pr-2 w-w-full w-flex-1 w-overflow-x-auto w-box-border">
|
||||
<div class="w-slim-header w-pl-slim-header sm:w-pl-5 w-min-h-slim-header sm:w-pr-2 w-w-full w-flex-1 w-overflow-x-auto w-box-border">
|
||||
<div class="w-flex w-flex-1 w-items-center w-overflow-hidden">
|
||||
{% block header_content %}
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% load wagtailadmin_tags i18n %}
|
||||
|
||||
<div class="w-divide-y w-divide-grey-100 w-py-6 w-pl-2 md:w-pl-8">
|
||||
<div class="w-divide-y w-divide-grey-100 w-py-6 w-pl-2 lg:w-pl-8">
|
||||
{% for template in status_templates %}
|
||||
{% include template %}
|
||||
{% endfor %}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<form action="{{ view.get_add_url }}" enctype="multipart/form-data" method="POST" novalidate>
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="nice-padding">
|
||||
<div class="nice-padding w-form-width">
|
||||
{% block form %}{{ edit_handler.render_form_content }}{% endblock %}
|
||||
|
||||
{% trans "Assign your workflow to pages" as heading %}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<form action="{% block form_action %}{{ view.edit_url }}{% endblock %}"{% if is_multipart %} enctype="multipart/form-data"{% endif %} method="POST" novalidate>
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="nice-padding">
|
||||
<div class="nice-padding w-form-width">
|
||||
{% block form %}{{ edit_handler.render_form_content }}{% endblock %}
|
||||
|
||||
{% trans "Assign your workflow to pages" as heading %}
|
||||
|
|
|
|||
|
|
@ -67,6 +67,7 @@ def breadcrumbs(
|
|||
page_perms=None,
|
||||
querystring_value=None,
|
||||
trailing_breadcrumb_title=None,
|
||||
classname=None,
|
||||
):
|
||||
user = context["request"].user
|
||||
|
||||
|
|
@ -87,6 +88,7 @@ def breadcrumbs(
|
|||
"trailing_breadcrumb_title": trailing_breadcrumb_title, # Only used in collapsible breadcrumb templates
|
||||
"url_name": url_name,
|
||||
"url_root_name": url_root_name,
|
||||
"classname": classname,
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -404,8 +404,8 @@ class TestBreadcrumb(TestCase, WagtailTestUtils):
|
|||
expected = (
|
||||
"""
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold w-max-w-0" data-breadcrumb-item hidden>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="%s">
|
||||
Secret plans (simple page)
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="%s">
|
||||
Secret plans (simple page)
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
<use href="#icon-arrow-right"></use>
|
||||
|
|
@ -656,8 +656,8 @@ class TestExplorablePageVisibility(TestCase, WagtailTestUtils):
|
|||
self.assertEqual(response.status_code, 200)
|
||||
expected = """
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold w-max-w-0" data-breadcrumb-item hidden>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="/admin/pages/">
|
||||
Root
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="/admin/pages/">
|
||||
Root
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
<use href="#icon-arrow-right"></use>
|
||||
|
|
@ -668,8 +668,8 @@ class TestExplorablePageVisibility(TestCase, WagtailTestUtils):
|
|||
self.assertContains(response, expected, html=True)
|
||||
expected = """
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold w-max-w-0" data-breadcrumb-item hidden>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="/admin/pages/4/">
|
||||
Welcome to example.com!
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="/admin/pages/4/">
|
||||
Welcome to example.com!
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
<use href="#icon-arrow-right"></use>
|
||||
|
|
@ -679,8 +679,8 @@ class TestExplorablePageVisibility(TestCase, WagtailTestUtils):
|
|||
self.assertContains(response, expected, html=True)
|
||||
expected = """
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold w-max-w-0" data-breadcrumb-item hidden>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="/admin/pages/5/">
|
||||
Content
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="/admin/pages/5/">
|
||||
Content
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
<use href="#icon-arrow-right"></use>
|
||||
|
|
@ -697,8 +697,8 @@ class TestExplorablePageVisibility(TestCase, WagtailTestUtils):
|
|||
# since it's his Closest Common Ancestor.
|
||||
expected = """
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold w-max-w-0" data-breadcrumb-item hidden>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="/admin/pages/4/">
|
||||
Root
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="/admin/pages/4/">
|
||||
Root
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
<use href="#icon-arrow-right"></use>
|
||||
|
|
@ -708,8 +708,8 @@ class TestExplorablePageVisibility(TestCase, WagtailTestUtils):
|
|||
self.assertContains(response, expected, html=True)
|
||||
expected = """
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold w-max-w-0" data-breadcrumb-item hidden>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="/admin/pages/5/">
|
||||
Content
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="/admin/pages/5/">
|
||||
Content
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
<use href="#icon-arrow-right"></use>
|
||||
|
|
|
|||
|
|
@ -258,7 +258,7 @@ class TestChooserBrowseChild(TestCase, WagtailTestUtils):
|
|||
# Look for a link element in the breadcrumbs with the admin title
|
||||
expected = """
|
||||
<li class="w-h-full w-flex w-items-center w-overflow-hidden w-transition w-duration-300 w-whitespace-nowrap w-flex-shrink-0 w-font-bold " data-breadcrumb-item>
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-px-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full w-transition w-transition-all w-duration-300" href="/admin/choose-page/{page_id}/?">
|
||||
<a class="w-flex w-items-center w-h-full w-text-primary w-pr-0.5 w-text-14 w-no-underline w-outline-offset-inside hover:w-underline hover:w-text-primary w-h-full" href="/admin/choose-page/{page_id}/?">
|
||||
{page_title}
|
||||
</a>
|
||||
<svg class="icon icon-arrow-right w-w-4 w-h-4 w-ml-3" aria-hidden="true">
|
||||
|
|
|
|||
Ładowanie…
Reference in New Issue