diff options
| author | 7PH <benjamin.raymond@sonarsource.com> | 2023-02-03 11:39:25 +0100 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2023-02-06 20:02:53 +0000 |
| commit | d4f8c1ad31bd8b8cc00b037900cad0d93f69bf4b (patch) | |
| tree | b6cb1309a5d37a097552ec3aeebe8dc547d72765 /server/sonar-web/src/main/js/components | |
| parent | f4164d805b1a46ded76c05c4687ae187c951880e (diff) | |
| download | sonarqube-d4f8c1ad31bd8b8cc00b037900cad0d93f69bf4b.tar.gz sonarqube-d4f8c1ad31bd8b8cc00b037900cad0d93f69bf4b.zip | |
SONAR-18052 Improve rule details page accessibility
Diffstat (limited to 'server/sonar-web/src/main/js/components')
3 files changed, 11 insertions, 2 deletions
diff --git a/server/sonar-web/src/main/js/components/controls/buttons.css b/server/sonar-web/src/main/js/components/controls/buttons.css index 3f85415cb9d..1dd0a26769a 100644 --- a/server/sonar-web/src/main/js/components/controls/buttons.css +++ b/server/sonar-web/src/main/js/components/controls/buttons.css @@ -142,7 +142,7 @@ } .button-link.disabled { - color: var(--secondFontColor); + color: var(--secondFontColor) !important; background: transparent !important; cursor: default; } diff --git a/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx b/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx index 06319880b8f..ab17be11ee5 100644 --- a/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx +++ b/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx @@ -17,6 +17,7 @@ * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ +import classNames from 'classnames'; import * as React from 'react'; import { Button, ButtonLink } from '../../components/controls/buttons'; import HelpTooltip from '../../components/controls/HelpTooltip'; @@ -85,7 +86,11 @@ export default class FacetHeader extends React.PureComponent<Props> { name ); return ( - <div className="search-navigator-facet-header-wrapper display-flex-center"> + <div + className={classNames('search-navigator-facet-header-wrapper display-flex-center', { + 'expandable-header': this.props.onClick, + })} + > {this.props.onClick ? ( <span className="search-navigator-facet-header display-flex-center"> <button diff --git a/server/sonar-web/src/main/js/components/search-navigator.css b/server/sonar-web/src/main/js/components/search-navigator.css index e7ea7d675df..d48be1248f7 100644 --- a/server/sonar-web/src/main/js/components/search-navigator.css +++ b/server/sonar-web/src/main/js/components/search-navigator.css @@ -257,6 +257,10 @@ button.search-navigator-facet:focus, align-items: center; } +.search-navigator-facet-header-wrapper:not(.expandable-header) .search-navigator-facet-header { + padding-left: 21px; +} + .search-navigator-facet-list { padding-bottom: var(--gridSize); font-size: 0; |