fix(task): make sure the modal close button is not overlapped with the title field
continuous-integration/drone/pr Build is passing
Details
continuous-integration/drone/pr Build is passing
Details
This commit is contained in:
parent
fc8711d6d8
commit
e8307d254b
|
@ -193,7 +193,6 @@ $modal-width: 1024px;
|
|||
}
|
||||
|
||||
.close {
|
||||
$close-button-min-space: 84px;
|
||||
$close-button-padding: 26px;
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
|
|
|
@ -113,7 +113,7 @@ async function save(title: string) {
|
|||
<style lang="scss" scoped>
|
||||
.heading {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-start;
|
||||
text-transform: none;
|
||||
align-items: center;
|
||||
|
||||
|
@ -134,6 +134,10 @@ async function save(title: string) {
|
|||
@media screen and (max-width: $tablet) {
|
||||
margin: 0 -.3rem .5rem -.3rem; // the title has 0.3rem padding - this make the text inside of it align with the rest
|
||||
}
|
||||
|
||||
@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
|
||||
width: calc(100% - 5rem);
|
||||
}
|
||||
}
|
||||
|
||||
.title.task-id {
|
||||
|
|
|
@ -33,3 +33,5 @@ $switch-view-height: 2.69rem;
|
|||
|
||||
$navbar-height: 4rem;
|
||||
$navbar-width: 300px;
|
||||
|
||||
$close-button-min-space: 84px;
|
||||
|
|
Reference in New Issue