diff --git a/core/modules/views_ui/src/ViewFormBase.php b/core/modules/views_ui/src/ViewFormBase.php index 49cdc49..d316e73 100644 --- a/core/modules/views_ui/src/ViewFormBase.php +++ b/core/modules/views_ui/src/ViewFormBase.php @@ -114,6 +114,9 @@ public function getDisplayTabs(ViewUI $view) { if (isset($display['display_options']['enabled']) && !$display['display_options']['enabled']) { $tabs[$id]['#link']['localized_options']['attributes']['class'][] = 'views-display-disabled-link'; } + if ($view->changed_display[$id]) { + $tabs[$id]['#link']['localized_options']['attributes']['class'][] = 'views-display-changed-link'; + } } // If the default display isn't supposed to be shown, don't display its tab, unless it's the only display. diff --git a/core/themes/seven/css/components/tabs.css b/core/themes/seven/css/components/tabs.css index bcc2988..2dbb941 100644 --- a/core/themes/seven/css/components/tabs.css +++ b/core/themes/seven/css/components/tabs.css @@ -245,8 +245,6 @@ li.tabs__tab a { } .tabs.secondary .tabs__tab { display: block; - padding: 5px 15px 5px 16px; /* LTR */ - margin-left: -1px; /* LTR */ color: #0074bd; -webkit-transition: border-color 0.2s, background-color 0.2s; transition: border-color 0.2s, background-color 0.2s; @@ -263,22 +261,32 @@ li.tabs__tab a { padding-left: 0; padding-right: 0; } -.tabs.secondary .tabs__tab + .tabs__tab { +.tabs.secondary .tabs__tab { border-top: 1px solid #d9d8d4; + margin-left: 1em; + margin-right: 1em; } .tabs.secondary .tabs__tab.is-active { color: #004f80; border-left: 2px solid #004f80; /* LTR */ - padding-left: 15px; /* LTR */ } [dir="rtl"] .tabs.secondary .tabs__tab.is-active { border-left: 1px solid #bfbfbf; border-right: 2px solid #004f80; padding-right: 15px; } -.views-displays .tabs.secondary li.is-active { +.views-displays .tabs.secondary a { + padding: 7px 13px 5px; +} +.views-displays .tabs.secondary .tabs__tab a:hover { + border-bottom: 2px solid #008ee6; +} +.views-displays .tabs.secondary a.is-active { border-bottom: 2px solid #004f80; } +.views-displays .tabs.secondary a.views-display-changed-link { + border-color: #e09600; +} /* This is required to win over specificity of [dir="rtl"] .tabs.secondary .tabs__tab.is-active */ [dir="rtl"] .views-displays .tabs.secondary li.is-active { border: 0 none; @@ -288,7 +296,6 @@ li.tabs__tab a { .tabs.secondary .tabs__tab:focus { color: #008ee6; border-left: 2px solid #008ee6; /* LTR */ - padding-left: 15px; /* LTR */ } [dir="rtl"] .tabs.secondary .tabs__tab:hover, [dir="rtl"] .tabs.secondary .tabs__tab:focus { @@ -301,6 +308,15 @@ li.tabs__tab a { border: 0 none; padding-right: 0; } +.views-displays .tabs .open > a, +.views-displays .tabs .open > a:hover { + color: #fff; + background-color: #40b6ff; + padding-top: 6px; + padding-right: 12px; + padding-left: 12px; +} + .tabs.secondary a { background-color: transparent; padding: 7px 13px 5px; diff --git a/core/themes/seven/css/components/views-ui.css b/core/themes/seven/css/components/views-ui.css index 6f0b0fd..78421a8 100644 --- a/core/themes/seven/css/components/views-ui.css +++ b/core/themes/seven/css/components/views-ui.css @@ -95,7 +95,6 @@ details.fieldset-no-legend { /* @group Lists */ -.views-admin ul.secondary, .views-admin .item-list ul { margin: 0; padding: 0; @@ -105,6 +104,10 @@ details.fieldset-no-legend { color: #0074bd; } +.views-displays .tabs.secondary a.views-display-changed-link { + color: #734c00; +} + .views-admin .links li { padding-right: 0; /* LTR */ } @@ -171,13 +174,6 @@ details.fieldset-no-legend { background-position: center 3px; } -.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 { - border-radius: 7px 0 0 0; -} - .views-displays .secondary .action-list li:last-child { border-radius: 0 0 7px 7px; } diff --git a/core/themes/stable/css/views_ui/views_ui.admin.theme.css b/core/themes/stable/css/views_ui/views_ui.admin.theme.css index d747776..7777d1a 100644 --- a/core/themes/stable/css/views_ui/views_ui.admin.theme.css +++ b/core/themes/stable/css/views_ui/views_ui.admin.theme.css @@ -331,9 +331,11 @@ td.group-title { .views-displays .tabs.secondary li.is-active { background: transparent; border: 0; - padding: 7px 13px 5px; width: auto; } +.views-displays .tabs .action-list { + top: 31px; +} .views-displays .tabs li.add ul.action-list li { margin: 0; } @@ -346,7 +348,6 @@ td.group-title { } .views-displays .tabs li.tabs__tab:hover { border: 0; - padding: 7px 13px 5px; } .views-displays .tabs.secondary a { display: inline-block;