cartaid/shopping-assistant-web-client
1
0
Fork 0
mirror of https://github.com/Shchoholiev/shopping-assistant-web-client.git synced 2025-04-03 16:19:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16 from Shchoholiev/feature/SA-210-Add-Amazon-disclaimer

Browse Source 
feature/SA-210 Add Amazon disclaimer
This commit is contained in:
Mykhailo Bilodid 2023-11-27 17:53:00 +02:00 committed by GitHub
commit 9a109d6ed5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ShoppingAssistantWebClient.Web/Shared/MainLayout.razor
View File

@ -12,4 +12,5 @@
<div class="right-frame">
@Body
</div>
<span class="amazon-associate">As an Amazon Associate we earn from qualifying purchases.</span>
</div>

4
ShoppingAssistantWebClient.Web/Shared/NavMenu.razor
View File

@ -69,6 +69,8 @@
function changetyle() {
var left_frame = document.querySelector('.sidebar-menu');
var right_frame = document.querySelector('.right-frame');
var amazonAssociate = document.querySelector('.amazon-associate');
var computedStyles = getComputedStyle(left_frame);
var transformValue = computedStyles.transform;
var button_open = document.querySelector('.button_open_menu');
@ -77,11 +79,13 @@
left_frame.style.transform = 'translateX(-110%)';
button_open.style.visibility = 'visible';
right_frame.style.left = '1.25em';
amazonAssociate.style.left='50%'
} else {
left_frame.style.transform = 'translateX(0)';
button_open.style.visibility = 'hidden';
right_frame.style.left = '23.25em';
amazonAssociate.style.left='calc(50% + 20em)'
}
}
document.getElementById('button_close').addEventListener('click', changetyle);

14
ShoppingAssistantWebClient.Web/wwwroot/css/MainLayout.css
View File

@ -22,4 +22,18 @@
top: 1.25em;
bottom: 1.25em;
transition: 1s;
}
.amazon-associate {
position: fixed;
bottom: 0;
left: calc(50% + 20em);
transform: translateX(-50%);
font-size: 0.7em;
color: #000;
text-decoration: none;
cursor: none;
display: flex;
align-items: center;
justify-content: center;
transition: 1s;
}