Reduce selector specificity in _header.scss

[mateusbandeiraa]

Is it really necessary to select only icon buttons with class .#{$prefix}--tooltip__trigger?

carbon/packages/styles/scss/components/ui-shell/header/_header.scss

Lines 82 to 84 in 354bf5c

	.#{$prefix}--header__action.#{$prefix}--btn--icon-only.#{$prefix}--tooltip__trigger {
	justify-content: center;
	}

As the selector is right now, it won't select icon-only buttons that don't have a tooltips. E.g:

Left button doesn't have a tooltip, right button has a tooltip.

Can we change the selector to .#{$prefix}--header__action.#{$prefix}--btn--icon-only?

[tay1orjones]

icon-only buttons that don't have a tooltips

To my knowledge, icon only buttons are intended to always have tooltips as an accessibility affordance. I'm not opposed to decreasing the selector specificity, but for context this was added as a visual fix as part of #7736 that we'll need to ensure still works as intended.

[mateusbandeiraa]

I agree that in most cases icon-only buttons should have tooltips. Though in some cases it feels redundant; "notifications" is illustrated by the bell icon almost everywhere on the internet... I think aria-label should be used in that case, instead of a tooltip.

---

I'll work on a PR for this change, but it will be my first one on this repository. I probably won't get everything right in the first try.