refactor: replace shadow span with box-shadow on button_wrapper
All checks were successful
CI / update (push) Successful in 1m21s
All checks were successful
CI / update (push) Successful in 1m21s
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:
@@ -212,17 +212,8 @@ footer{
|
||||
}
|
||||
|
||||
@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{
|
||||
box-shadow: 0 1em 1rem 0rem rgba(0,0,0,0.4);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
@@ -322,7 +313,6 @@ footer{
|
||||
</style>
|
||||
<div class=wrapper lang=de>
|
||||
<div>
|
||||
<span class=button_wrapper_shadow></span>
|
||||
<div class=button_wrapper>
|
||||
<a href="/" aria-label="Home"><Symbol></Symbol></a>
|
||||
<div class="right-buttons">
|
||||
|
||||
Reference in New Issue
Block a user