@nice-digital/nds-action-banner 4.3.0 → 4.3.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +2 -2
- package/scss/action-banner.scss +21 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-action-banner",
|
|
3
|
-
"version": "4.3.0",
|
|
3
|
+
"version": "4.3.1-alpha.0",
|
|
4
4
|
"description": "Action banner component for the NICE Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"banner"
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"@types/node": "^18.11.9",
|
|
48
48
|
"typescript": "^4.8.4"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "ff15ff0f9fb447d7714ece3f0d4e3713ec0a60ed"
|
|
51
51
|
}
|
package/scss/action-banner.scss
CHANGED
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
@use '@nice-digital/nds-core/scss/typography';
|
|
12
12
|
@use '@nice-digital/nds-core/scss/utils';
|
|
13
13
|
@use '@nice-digital/nds-core/scss/visibility';
|
|
14
|
-
|
|
15
14
|
/// Action banner component. Used to highlight
|
|
16
15
|
/// and give context to a call-to-action.
|
|
17
16
|
///
|
|
@@ -161,6 +160,25 @@
|
|
|
161
160
|
|
|
162
161
|
@include media-queries.mq($from: md) {
|
|
163
162
|
@include layout.clearfix;
|
|
163
|
+
&__inner {
|
|
164
|
+
display: flex;
|
|
165
|
+
flex-wrap: wrap;
|
|
166
|
+
align-items: center;
|
|
167
|
+
justify-content: space-between;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
&__text {
|
|
171
|
+
flex: 1 1 70%;
|
|
172
|
+
margin-bottom: utils.rem(spacing.$small);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
&__actions {
|
|
176
|
+
flex: 0 1 auto;
|
|
177
|
+
margin-top: utils.rem(spacing.$small);
|
|
178
|
+
position: static;
|
|
179
|
+
transform: none;
|
|
180
|
+
text-align: right;
|
|
181
|
+
}
|
|
164
182
|
|
|
165
183
|
&--full-width,
|
|
166
184
|
&--full-width-subtle {
|
|
@@ -211,18 +229,7 @@
|
|
|
211
229
|
}
|
|
212
230
|
}
|
|
213
231
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
width: math.percentage(3 * 0.25);
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
&__actions {
|
|
220
|
-
position: absolute;
|
|
221
|
-
right: utils.rem(spacing.$medium);
|
|
222
|
-
text-align: right;
|
|
223
|
-
top: 50%;
|
|
224
|
-
transform: translateY(-50%);
|
|
225
|
-
width: math.percentage(1 * 0.25);
|
|
226
|
-
}
|
|
232
|
+
// Removed absolute positioning from actions here
|
|
233
|
+
// (replaced above in .action-banner__actions)
|
|
227
234
|
}
|
|
228
235
|
}
|