Skip to content

Commit ab87351

Browse files
committed
feat(alertbanner): remove unnecessary styles for end element
Remove styles for .spectrum-AlertBanner-end, which were no longer doing anything after the removal of the divider.
1 parent a760eb4 commit ab87351

File tree

1 file changed

+4
-11
lines changed

1 file changed

+4
-11
lines changed

components/alertbanner/index.css

Lines changed: 4 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
Copyright 2023 Adobe. All rights reserved.
2+
Copyright 2024 Adobe. All rights reserved.
33
This file is licensed to you under the Apache License, Version 2.0 (the "License");
44
you may not use this file except in compliance with the License. You may obtain a copy
55
of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -29,7 +29,7 @@ governing permissions and limitations under the License.
2929
--spectrum-alert-banner-close-button-to-inline-end: var(--spectrum-alert-banner-close-button-spacing); /* stylelint-disable-line spectrum-tools/no-unused-custom-properties -- used in passthrough */
3030

3131
/* Top and bottom margins for AlertBanner-text. Subtracts the vertical spacing that is already included in the
32-
padding-block of its parent AlertBanner-body element. */
32+
padding-block of its parent AlertBanner-body element. */
3333
--spectrum-alert-banner-text-margin-block-start: max(0px, var(--mod-alert-banner-top-to-text, var(--spectrum-alert-banner-top-to-text)) - var(--mod-alert-banner-block-edge-to-button, var(--spectrum-alert-banner-block-edge-to-button)));
3434
--spectrum-alert-banner-text-margin-block-end: max(0px, var(--mod-alert-banner-bottom-to-text, var(--spectrum-alert-banner-bottom-to-text)) - var(--mod-alert-banner-block-edge-to-button, var(--spectrum-alert-banner-block-edge-to-button)));
3535

@@ -67,7 +67,7 @@ governing permissions and limitations under the License.
6767
font-family: var(--mod-alert-banner-font-family, var(--spectrum-alert-banner-font-family));
6868
line-height: var(--mod-alert-banner-line-height, var(--spectrum-alert-banner-line-height));
6969
color: var(--mod-alert-banner-font-color, var(--spectrum-alert-banner-font-color));
70-
background-color: var(--mod-alert-banner-background, var(--spectrum-alert-banner-background));
70+
background: var(--mod-alert-banner-background, var(--spectrum-alert-banner-background));
7171
border: var(--highcontrast-alert-banner-border-width, 0) solid var(--highcontrast-alert-banner-border-color, transparent);
7272

7373
&.is-open {
@@ -86,7 +86,7 @@ governing permissions and limitations under the License.
8686
column-gap: var(--mod-alert-banner-text-to-button-horizontal, var(--spectrum-alert-banner-text-to-button-horizontal));
8787

8888
/* Block spacing between text and button, when the button has wrapped to the next line. Takes into
89-
account the existing margins on the text. */
89+
account the existing margins on the text. */
9090
row-gap: max(var(--mod-alert-banner-text-to-button-vertical, 0px), var(--spectrum-alert-banner-text-to-button-vertical) - var(--spectrum-alert-banner-text-margin-block-end));
9191

9292
padding-block: var(--mod-alert-banner-block-edge-to-button, var(--spectrum-alert-banner-block-edge-to-button));
@@ -104,13 +104,6 @@ governing permissions and limitations under the License.
104104
flex-grow: 1;
105105
}
106106

107-
.spectrum-AlertBanner-end {
108-
display: flex;
109-
align-items: center;
110-
display: flex;
111-
align-items: center;
112-
}
113-
114107
.spectrum-AlertBanner-icon {
115108
--mod-icon-size: var(--mod-alert-banner-icon-size, var(--spectrum-alert-banner-icon-size));
116109
margin-block-start: calc(var(--mod-alert-banner-top-to-icon, var(--spectrum-alert-banner-top-to-workflow-icon)) - var(--mod-alert-banner-block-edge-to-button, var(--spectrum-alert-banner-block-edge-to-button)));

0 commit comments

Comments
 (0)