Skip to content

Commit 4f2d8de

Browse files
Added sticky in lac banner
1 parent 5daadae commit 4f2d8de

File tree

2 files changed

+37
-31
lines changed

2 files changed

+37
-31
lines changed

app/code/Magento/LoginAsCustomerFrontendUi/view/frontend/templates/html/notices.phtml

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,9 @@
1111
$viewFileUrl = $block->getViewFileUrl('Magento_LoginAsCustomerFrontendUi::images/magento-icon.svg');
1212
?>
1313
<?php if ($block->getConfig()->isEnabled()): ?>
14-
<div data-bind="scope: 'loginAsCustomer'" >
14+
<div class="lac-notification-sticky"
15+
data-mage-init='{"sticky":{"container": "body"}}'
16+
data-bind="scope: 'loginAsCustomer'" >
1517
<div class="lac-notification clearfix" data-bind="visible: isVisible" style="display: none">
1618
<div class="top-container">
1719
<div class="lac-notification-icon wrapper">

app/code/Magento/LoginAsCustomerFrontendUi/view/frontend/web/css/source/_module.less

Lines changed: 34 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -16,43 +16,47 @@
1616
// ---------------------------------------------
1717

1818
& when (@media-common = true) {
19-
.lac-notification {
20-
background-color: @lac-notification-background-color;
21-
color: @lac-notification-color;
22-
font-size: 16px;
19+
.lac-notification-sticky {
20+
position: relative;
21+
z-index: 999;
22+
.lac-notification {
23+
background-color: @lac-notification-background-color;
24+
color: @lac-notification-color;
25+
font-size: 16px;
2326

24-
.lac-notification-icon {
25-
float: left;
26-
margin: 10px 25px 10px 10px;
27+
.lac-notification-icon {
28+
float: left;
29+
margin: 10px 25px 10px 10px;
2730

28-
.logo-img {
29-
display: block
31+
.logo-img {
32+
display: block
33+
}
3034
}
31-
}
3235

33-
.lac-notification-text {
34-
float: left;
35-
padding: 15px 0;
36-
}
36+
.lac-notification-text {
37+
float: left;
38+
padding: 15px 0;
39+
}
3740

38-
.lac-notification-links {
39-
float: right;
40-
padding: 15px 0;
41+
.lac-notification-links {
42+
float: right;
43+
padding: 15px 0;
4144

42-
a {
43-
color: @lac-notification-links-color;
44-
font-size: 14px;
45-
}
45+
a {
46+
color: @lac-notification-links-color;
47+
font-size: 14px;
48+
}
4649

47-
.lac-notification-close-link {
48-
&:after {
49-
background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg');
50-
content: ' ';
51-
display: inline-block;
52-
height: 12px;
53-
margin-left: 5px;
54-
vertical-align: middle;
55-
width: 12px;
50+
.lac-notification-close-link {
51+
&:after {
52+
background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg');
53+
content: ' ';
54+
display: inline-block;
55+
height: 12px;
56+
margin-left: 5px;
57+
vertical-align: middle;
58+
width: 12px;
59+
}
5660
}
5761
}
5862
}

0 commit comments

Comments
 (0)