Commit b7374b2f authored by Anders Benjamin Clausen's avatar Anders Benjamin Clausen 👽
Browse files

Merge branch 'hotfix/mobile-layout-fix' into 'develop'

Hotfix/mobile layout fix

See merge request !23
parents 97ba83af 3b23b874
Pipeline #52380 passed with stages
in 2 minutes and 46 seconds
......@@ -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>
......@@ -44,7 +44,7 @@ export default {
<style scoped lang="scss">
.block{
min-width: 350px;
min-width: 250px;
}
ul {
......
......@@ -367,6 +367,7 @@ export default {
}
},
},
mounted(){
this.mobileLayoutResize();
this.prevWinWidth = window.innerWidth;
......@@ -417,7 +418,7 @@ export default {
.row {
display: flex;
margin-bottom: $gap/2;
margin-bottom: $gap / 2;
flex-direction: column;
position: relative;
min-height: 150px;
......@@ -492,7 +493,7 @@ export default {
@media only screen and (min-width: $mobile-width-cutoff) {
#grid{
padding: $gap;
padding: $gap $gap / 2;
}
.row{
......@@ -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