fix: make sure there's enough space for the close button
continuous-integration/drone/pr Build is passing
Details
continuous-integration/drone/pr Build is passing
Details
This commit is contained in:
parent
08f55292f3
commit
9ef592c5d0
|
@ -197,7 +197,7 @@ $modal-width: 1024px;
|
||||||
.close {
|
.close {
|
||||||
$close-button-padding: 26px;
|
$close-button-padding: 26px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 5px;
|
top: .5rem;
|
||||||
right: $close-button-padding;
|
right: $close-button-padding;
|
||||||
color: var(--grey-900);
|
color: var(--grey-900);
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
@ -212,6 +212,10 @@ $modal-width: 1024px;
|
||||||
@media screen and (min-width: calc(#{$desktop } + #{$close-button-min-space})) {
|
@media screen and (min-width: calc(#{$desktop } + #{$close-button-min-space})) {
|
||||||
color: var(--white);
|
color: var(--white);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
|
||||||
|
top: .75rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
|
@ -136,7 +136,7 @@ async function save(title: string) {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
|
@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
|
||||||
width: calc(100% - 5rem);
|
width: calc(100% - 6.5rem);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in New Issue