local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: use $shadow variable directly

Browse source 
By using the $shadow variable directly that defines the $card-shadow variable in bulma we don't need to import card.scss
This commit is contained in:
Dominik Pschenitschni 2021-10-20 15:05:08 +02:00
parent 9e6afdb752
commit 89cd8eafc4
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
2 changed files with 2 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/input/colorPicker.vue
View file

@ -102,10 +102,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// FIXME: should be @use so that classes dont get imported twice
// needed for
// - $card-shadow
@import "bulma/sass/components/card.sass";
.color-picker-container { .color-picker-container {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -132,7 +128,7 @@ export default {
overflow: hidden; overflow: hidden;
border-radius: 100%; border-radius: 100%;
border: $BORDER_WIDTH solid $grey-300; border: $BORDER_WIDTH solid $grey-300;
box-shadow: $card-shadow; box-shadow: $shadow;
& > * { & > * {
grid-row: 1; grid-row: 1;

7
src/components/input/datepicker.vue
View file

@ -245,11 +245,6 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
// FIXME: should be @use so that classes dont get imported twice
@import "bulma/sass/components/card.sass";
// needed for
// - $card-shadow
.datepicker { .datepicker {
input.input { input.input {
display: none; display: none;
@ -265,7 +260,7 @@ export default {
width: 320px; width: 320px;
background: $white; background: $white;
border-radius: $radius; border-radius: $radius;
box-shadow: $card-shadow; box-shadow: $shadow;
@media screen and (max-width: ($tablet)) { @media screen and (max-width: ($tablet)) {
width: calc(100vw - 5rem); width: calc(100vw - 5rem);