vikunja/frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

fix: use $shadow variable directly
All checks were successful
continuous-integration/drone/pr Build is passing
Details

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 d6b168449d
commit 7a95d08e1e
Signed by: dpschen
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);