Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: replace shadow span with box-shadow on button_wrapper
All checks were successful
CI / update (push) Successful in 1m21s
Details

Browse Source 
Remove separate .button_wrapper_shadow element and apply box-shadow
directly to .button_wrapper in mobile view. Reduces DOM by 1 node.
This commit is contained in:
Alexander Bocken
2026-01-25 20:31:01 +01:00
parent 3cc962f454
commit 31c9f43114
1 changed files with 1 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/Header.svelte
View File

@@ -212,17 +212,8 @@ footer{
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
.button_wrapper_shadow{
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
position: fixed;
width: 100%;
height: 4rem;
top: 0;
left: 0;
z-index: 9;
pointer-events: none;
}
.button_wrapper{ .button_wrapper{
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@@ -322,7 +313,6 @@ footer{
</style> </style>
<div class=wrapper lang=de> <div class=wrapper lang=de>
<div> <div>
<span class=button_wrapper_shadow></span>
<div class=button_wrapper> <div class=button_wrapper>
<a href="/" aria-label="Home"><Symbol></Symbol></a> <a href="/" aria-label="Home"><Symbol></Symbol></a>
<div class="right-buttons"> <div class="right-buttons">