diff options
| author | Michał Gołębiowski-Owczarek <m.goleb@gmail.com> | 2021-09-25 21:20:06 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-09-25 21:20:06 +0200 |
| commit | 87656cdf576f1b56dbd6cd731d3830a993c42d26 (patch) | |
| tree | 48c2e95697e7f13a810cb415668fbe5f16839d6f | |
| parent | b0ed787d18e606afd81f941065ba35f291ffb245 (diff) | |
| download | jquery-ui-87656cdf576f1b56dbd6cd731d3830a993c42d26.tar.gz jquery-ui-87656cdf576f1b56dbd6cd731d3830a993c42d26.zip | |
Theme: Fix blank icons having a background
A fix from 43254468de7d69b5422e667ba7ebbe864fc34a63 introduced a rule setting
`background-image` of a blank icon to none. However, the selector used for that
rule had lower specificity than another one: `.ui-button .ui-icon` which caused
dashes being shown over the icons.
We needed to increase the specificity of the `.ui-icon-blank` rule past the
above selector and past `.ui-button:hover .ui-icon`. We're doing it by repeating
the class name three times.
Closes gh-1987
| -rw-r--r-- | themes/base/theme.css | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/themes/base/theme.css b/themes/base/theme.css index ad6f5004b..192624a11 100644 --- a/themes/base/theme.css +++ b/themes/base/theme.css @@ -220,7 +220,10 @@ a.ui-button:active, } /* positioning */ -html .ui-icon-blank { background-image: none; } +/* Three classes needed to override `.ui-button:hover .ui-icon` */ +.ui-icon-blank.ui-icon-blank.ui-icon-blank { + background-image: none; +} .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } |