jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bootstrap importants update

Browse source 
match fmg styling on page that was a little off after importants
This commit is contained in:
Bill Richardson 2023-10-20 10:10:32 -04:00
parent 62eea7ede3
commit 33108d1b46
3 changed files with 38 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/layouts/vehicle-damage/vehicle-damage.vue
View file

@ -445,3 +445,12 @@ export default {
} }
}; };
</script> </script>
<style lang="scss">
.replace-options-question {
.two-list-card-width {
width: 100%;
flex: 0 auto;
}
}
</style>

41
src/styles/ux-variables.scss
View file

@ -157,22 +157,20 @@ $spacer: 1rem;
$spacers: ( $spacers: (
0: 0, 0: 0,
1: $spacer * 0.25, 1: $spacer * 0.25,
/* 8px */ 2: $spacer * 0.5, /* 8px */
/* 12px */ 3: $spacer * 0.75, 2: $spacer * 0.5,
/* 16px */ 4: $spacer * 1, /* 12px */
/* 24px */ 5: $spacer * 1.5, 3: $spacer * 0.75,
/* 32px */ 6: $spacer * 2, /* 16px */
/* 40px */ 7: $spacer * 2.5, 4: $spacer * 1,
/* 48px */ 8: $spacer * 3, /* 24px */
); 5: $spacer * 1.5,
/* 32px */
//Grid breakpoints 6: $spacer * 2,
$grid-breakpoints: ( /* 40px */
xs: 0, 7: $spacer * 2.5,
sm: 576px, /* 48px */
md: 838px, 8: $spacer * 3,
lg: 1074px,
xl: 1416px,
); );
//Shadow //Shadow
@ -190,3 +188,14 @@ $alert-color-scale: 40%;
// This affects all [Bootstrap] modals // This affects all [Bootstrap] modals
$modal-fade-transform: translate(0, 100%); $modal-fade-transform: translate(0, 100%);
$modal-backdrop-opacity: 0; $modal-backdrop-opacity: 0;
//Disable default !important behavior
$enable-important-utilities: false;
//Bootstrap Grid Breakpoints - Use these breakpoints only
$grid-breakpoints: (
xs: 0,
md: 768px,
xl: 1200px,
xxl: 1440px,
);

7
src/ux-components/list-card/list-card.vue
View file

@ -93,8 +93,8 @@ export default {
img { img {
// svg's should be constructed on the same canvas size/viewbox to ensure // svg's should be constructed on the same canvas size/viewbox to ensure
// they occupy the same space in the DOM. This will allow easy/proper alignment of elements. See exisitng svg's for examples. // they occupy the same space in the DOM. This will allow easy/proper alignment of elements. See exisitng svg's for examples.
height: auto; height: 2rem;
width: 6.5rem; width: auto;
margin-bottom: 2.2rem; margin-bottom: 2.2rem;
max-width: 100%; max-width: 100%;
} }
@ -105,8 +105,9 @@ export default {
+ .list-card-content { + .list-card-content {
outline: none; outline: none;
display: block; display: flex;
position: relative; position: relative;
justify-content: flex-start;
p { p {
color: $gray-600; color: $gray-600;