Commit eea94f98 authored by Daniel Schömer's avatar Daniel Schömer

Project Settings Operations h4 Expand/Collapse 4/5

Project Settings General Headers (h4 elements) expand/collapse on
mouse-click / tap, like using the Expand/Collapse button. Other h4
headers in other Project Settings pages do not expande/collapse on
mouse-click / tap, but only using the Expand/Collapse button. This may
seem inconsistent to the user.

The h4 headers of Project Settings General get the expand/collapse
behavior through classes settings-title, js-settings-toggle and
js-settings-toggle-trigger-only.

This MR adds classes settings-title, js-settings-toggle and
js-settings-toggle-trigger-only to the h4 headers in Project Settings
Operations Metrics dashboard. This enables the expand/collapse behavior
on on-click/on-tap for the h4 headers.
parent 57604146
...@@ -31,7 +31,9 @@ export default { ...@@ -31,7 +31,9 @@ export default {
<template> <template>
<section class="settings no-animate"> <section class="settings no-animate">
<div class="settings-header"> <div class="settings-header">
<h4 class="js-section-header"> <h4
class="js-section-header settings-title js-settings-toggle js-settings-toggle-trigger-only"
>
{{ s__('MetricsSettings|Metrics dashboard') }} {{ s__('MetricsSettings|Metrics dashboard') }}
</h4> </h4>
<gl-button class="js-settings-toggle">{{ __('Expand') }}</gl-button> <gl-button class="js-settings-toggle">{{ __('Expand') }}</gl-button>
......
---
title: Project Settings Operations header Metrics dashboard expand/collapse on-click/on-tap
merge_request: 56274
author: Daniel Schömer
type: changed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment