Add fallback rules for older browsers, clean up a bit

This commit is contained in:
Roman Cervantes 2019-12-16 11:24:39 -07:00
parent 6419d3403a
commit 8b083058e1
3 changed files with 7 additions and 9 deletions

View file

@ -1,6 +1,5 @@
<template lang="html">
<modal
class="listAddButton"
ref="listAddModal"
:title="title"
@open="open"
@ -150,10 +149,6 @@ export default {
<style lang="scss" rel="stylesheet/scss" scoped>
@import "src/styles/styles.scss";
.listAddButton {
// scroll-snap-align: center;
}
.add-list-button {
margin-right: $gp;
}

View file

@ -313,10 +313,6 @@ export default {
justify-content: center;
border: 1px dashed #a5a2a2;
}
@media($small) {
scroll-snap-align: center;
}
}
&.grid {

View file

@ -149,7 +149,14 @@ export default {
display: flex;
@media($small) {
scroll-snap-type: mandatory;
scroll-snap-points-x: repeat(300px);
scroll-snap-type: x mandatory;
scroll-padding: $gp;
.list {
scroll-snap-align: center;
}
}
}