Skip to content

Commit 0f76dca

Browse files
authored
Fix ActionGroup static color (#2740)
* removing isolation: isolate and opting for z index strategy isolation: isolate breaks the text coloring for ActionGroup static color * adjusting z-index values a bit
1 parent 0bfd52a commit 0f76dca

File tree

1 file changed

+5
-5
lines changed
  • packages/@adobe/spectrum-css-temp/components/actiongroup

1 file changed

+5
-5
lines changed

packages/@adobe/spectrum-css-temp/components/actiongroup/index.css

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@ governing permissions and limitations under the License.
4242

4343

4444
.spectrum-ActionGroup {
45-
isolation: isolate;
4645
display: flex;
4746
flex-wrap: wrap;
4847
--column-gap: var(--spectrum-actionbuttongroup-text-button-gap-x);
@@ -101,6 +100,7 @@ governing permissions and limitations under the License.
101100
.spectrum-ActionGroup-item {
102101
position: relative;
103102
border-radius: 0;
103+
z-index: 1;
104104

105105
&:first-child {
106106
border-start-start-radius: var(--spectrum-actionbutton-border-radius);
@@ -113,19 +113,19 @@ governing permissions and limitations under the License.
113113
}
114114

115115
&.spectrum-ActionGroup-item--isDisabled {
116-
z-index: -1;
116+
z-index: 0;
117117
}
118118

119119
&.is-selected {
120-
z-index: 1;
120+
z-index: 2;
121121
}
122122

123123
&:hover {
124-
z-index: 2;
124+
z-index: 3;
125125
}
126126

127127
&:focus {
128-
z-index: 3;
128+
z-index: 4;
129129
}
130130
}
131131

0 commit comments

Comments
 (0)