Chatwoot/app/javascript/widget/assets/scss/woot.scss
Nithin David Thomas 60dc564f37
Bug: Fix missing close button on mobile chat window (#600)
Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>
2020-03-07 23:39:41 +05:30

52 lines
808 B
SCSS
Executable file

@import 'reset';
@import 'variables';
@import 'buttons';
@import 'mixins';
@import 'forms';
@import 'shared/assets/fonts/inter';
@import '~ionicons/scss/ionicons';
@import '~spinkit/scss/spinners/7-three-bounce';
html,
body {
font-family: $font-family;
font-size: 10px;
height: 100%;
}
.woot-widget-wrap {
height: 100%;
}
.close-button {
cursor: pointer;
position: relative;
width: $space-two;
&::before,
&::after {
background-color: $color-heading;
content: ' ';
height: $space-normal;
left: $space-small;
position: absolute;
top: $space-micro;
width: 2px;
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
}
.is-mobile {
.header-wrap {
.close-button {
display: block !important;
}
}
}