Bug: Fix missing close button on mobile chat window (#600)

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>
This commit is contained in:
Nithin David Thomas 2020-03-07 23:39:41 +05:30 committed by GitHub
parent 8b4df986bf
commit 60dc564f37
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 89 additions and 35 deletions

View file

@ -3,7 +3,7 @@
<h2 class="title">
{{ title }}
</h2>
<span class="close" @click="closeWindow"></span>
<span class="close-button" @click="closeWindow"></span>
</header>
</template>
@ -54,27 +54,8 @@ export default {
color: $color-heading;
}
.close {
cursor: pointer;
position: relative;
width: $space-two;
&:before,
&:after {
position: absolute;
left: $space-small;
top: $space-smaller;
content: ' ';
height: $space-normal;
width: 2px;
background-color: $color-heading;
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
.close-button {
display: none;
}
}
</style>