Remove horizontal scrollbar from .container and .container-fluid.

This commit is contained in:
bmauger 2021-12-03 07:45:31 -05:00
parent 78bd99af56
commit 53019ccfa1
2 changed files with 24 additions and 20 deletions

View file

@ -1,24 +1,29 @@
// Common/Global Styles
// Use this file for global styles that don't or won't have their own stylesheet
body {
font-size: 16px;
background-color: #fff;
padding: .5rem;
.container-fluid {
max-width: 576px;//Remove once desktop app is complete
&.container-shadow {
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);//Use instead of Bootstrap's helper
}
}
a {
color: $blue;
text-decoration: none;
border-bottom: 1px solid $blue;
&:hover {
color: $blue-400;
}
}
.pointer {
cursor: pointer;
font-size: 16px;
background-color: #fff;
padding: .5rem;
.container-fluid {
max-width: 576px;//Remove once desktop app is complete
&.container-shadow {
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);//Use instead of Bootstrap's helper
}
}
a {
color: $blue;
text-decoration: none;
border-bottom: 1px solid $blue;
&:hover {
color: $blue-400;
}
}
.pointer {
cursor: pointer;
}
.container,
.container-fluid {
overflow-x: hidden;
}
}
// Hide horizontal scrollbar

View file

@ -48,7 +48,6 @@ export default {
} else if(this.positionInGroup == 1) {
className = 'first-item'
}
console.log(typeof this.positionInGroup);
return className;
}
}