Commit 776ed091 authored by Lasse Overgaard Møldrup's avatar Lasse Overgaard Møldrup
Browse files

Cannot move in mobile mode

parent 97ba83af
......@@ -32,7 +32,7 @@ export default {
.heading {
color: $lightest-theme-color;
background-color: $theme-color;
cursor: move;
pointer-events: none;
h2 {
padding: 10px $padding;
......@@ -65,4 +65,11 @@ export default {
margin-right: -$padding;
margin-bottom: 0;
}
@media only screen and (min-width: $mobile-width-cutoff) {
.heading {
cursor: move;
pointer-events: auto;
}
}
</style>
\ No newline at end of file
......@@ -289,7 +289,7 @@ export default {
thead{
border: 0;
cursor: move;
pointer-events: none;
tr{
&:first-of-type{
......@@ -398,6 +398,10 @@ export default {
box-shadow: 1px 1px 3px black;
}
}
#leftButton, #rightButton {
pointer-events: auto;
}
#rightButton{
float: right;
......@@ -454,4 +458,11 @@ export default {
}
}
}
@media only screen and (min-width: $mobile-width-cutoff) {
thead {
cursor: move;
pointer-events: auto !important;
}
}
</style>
......@@ -367,6 +367,7 @@ export default {
}
},
},
mounted(){
this.mobileLayoutResize();
this.prevWinWidth = window.innerWidth;
......@@ -528,13 +529,13 @@ export default {
// Must be outside ".row" or else after affect children
.row::after{
content: " ";
background-color: rgba(0, 0, 0, 0);
position: absolute;
bottom: - $gap;
width: 100%;
height: $gap;
cursor: n-resize;
content: " ";
background-color: rgba(0, 0, 0, 0);
position: absolute;
bottom: - $gap;
width: 100%;
height: $gap;
cursor: n-resize;
}
}
</style>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment