sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-07-14 02:02:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(modals): apply base styles everywhere, fixes #12524

Browse source
This commit is contained in:
Matteo Pagliazzi 2020-09-07 21:24:58 +02:00
parent b0786647ed
commit 78016c0aeb
14 changed files with 22 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
website/client/src/assets/scss/index.scss
View file

@ -37,3 +37,4 @@
@import './tiers';
@import './payments';
@import './spacing';
@import './modal';

9
website/client/src/assets/scss/mixins.scss Normal file
View file

@ -0,0 +1,9 @@
@mixin centeredModal() {
display: flex;
justify-content: center;
flex-direction: column;
header, footer {
border: 0;
}
}

11
website/client/src/assets/scss/modal.scss
View file

@ -1,16 +1,5 @@
@import '~@/assets/scss/colors.scss';
@mixin centeredModal() {
display: flex;
justify-content: center;
flex-direction: column;
header, footer {
border: 0;
}
}
.modal {
z-index: 1350;
padding-left: 0px !important;

2
website/client/src/components/achievements/genericAchievement.vue
View file

@ -45,7 +45,7 @@
</template>
<style lang="scss">
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#generic-achievement {
@include centeredModal();

2
website/client/src/components/inventory/equipment/equipGearModal.vue
View file

@ -71,7 +71,7 @@
<style lang="scss">
@import '~@/assets/scss/colors.scss';
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#equipgear-modal {
@include centeredModal();

3
website/client/src/components/inventory/stable/hatchedPetDialog.vue
View file

@ -46,7 +46,8 @@
</template>
<style lang="scss">
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
@import '~@/assets/scss/colors.scss';
#hatchedPet-modal {
@include centeredModal();

2
website/client/src/components/inventory/stable/hatchingModal.vue
View file

@ -46,7 +46,7 @@
</template>
<style lang="scss">
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#hatching-modal {
@include centeredModal();

2
website/client/src/components/inventory/stable/index.vue
View file

@ -330,7 +330,7 @@
<style lang="scss">
@import '~@/assets/scss/colors.scss';
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
.standard-page .clearfix .float-right {
margin-right: 24px;

2
website/client/src/components/inventory/stable/mountRaisedModal.vue
View file

@ -38,7 +38,7 @@
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#mount-raised-modal {
@include centeredModal();

2
website/client/src/components/inventory/stable/welcomeModal.vue
View file

@ -24,7 +24,7 @@
</template>
<style lang="scss" scoped>
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#welcome-modal {
@include centeredModal();

2
website/client/src/components/payments/selectUserModal.vue
View file

@ -67,7 +67,7 @@
</template>
<style lang="scss">
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#select-user-modal {
@include centeredModal();

2
website/client/src/components/shops/buyModal.vue
View file

@ -192,7 +192,7 @@
<style lang="scss">
@import '~@/assets/scss/colors.scss';
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#buy-modal {
@include centeredModal();

3
website/client/src/components/shops/market/sellModal.vue
View file

@ -83,9 +83,8 @@
</b-modal>
</template>
<style lang="scss">
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/colors.scss';
@import '~@/assets/scss/mixins.scss';
#sell-modal {
@include centeredModal();

2
website/client/src/components/shops/quests/buyQuestModal.vue
View file

@ -111,7 +111,7 @@
<style lang="scss">
@import '~@/assets/scss/colors.scss';
@import '~@/assets/scss/modal.scss';
@import '~@/assets/scss/mixins.scss';
#buy-quest-modal {
@include centeredModal();